Close but No Cigar to Cold Lips color palette

2E1E0CClose but No Cigar DAF1BEMellow Mint 454A7BNoble Knight A26C19Inca Gold 979FE8Cold Lips

About this palette

Close but No Cigar to Cold Lips is a 5-color cool, earthy, vintage palette: #2E1E0C (Close but No Cigar), #DAF1BE (Mellow Mint), #454A7B (Noble Knight), #A26C19 (Inca Gold), #979FE8 (Cold Lips). It mixes brown, green, purple tones and feels cool overall. The strongest text pairing is #2E1E0C on #DAF1BE with a contrast ratio of 13.24:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(46, 30, 12)	hsl(32, 59%, 11%)
Mellow Mint	rgb(218, 241, 190)	hsl(87, 65%, 85%)
Noble Knight	rgb(69, 74, 123)	hsl(234, 28%, 38%)
Inca Gold	rgb(162, 108, 25)	hsl(36, 73%, 37%)
Cold Lips	rgb(151, 159, 232)	hsl(234, 64%, 75%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa13.24:1 Super#2E1E0C on #DAF1BE
Aa13.24:1 Super#DAF1BE on #2E1E0C
Aa6.87:1 Good#DAF1BE on #454A7B
Aa6.87:1 Good#454A7B on #DAF1BE
Aa6.46:1 Good#2E1E0C on #979FE8
Aa6.46:1 Good#979FE8 on #2E1E0C
Aa3.69:1 Poor#DAF1BE on #A26C19
Aa3.69:1 Poor#A26C19 on #DAF1BE

Color blindness preview

CSS variables

/* Close but No Cigar to Cold Lips — https://swatchly.xyz/palette/2e1e0c-daf1be-454a7b-a26c19-979fe8 */
:root {
  --close-but-no-cigar: #2e1e0c;
  --mellow-mint: #daf1be;
  --noble-knight: #454a7b;
  --inca-gold: #a26c19;
  --cold-lips: #979fe8;
}

Tailwind CSS v4

/* Close but No Cigar to Cold Lips — https://swatchly.xyz/palette/2e1e0c-daf1be-454a7b-a26c19-979fe8 */
@theme {
  --color-close-but-no-cigar: #2e1e0c;
  --color-close-but-no-cigar-50: #fff3e7;
  --color-close-but-no-cigar-100: #f6e9db;
  --color-close-but-no-cigar-200: #e5d4c4;
  --color-close-but-no-cigar-300: #d0bdab;
  --color-close-but-no-cigar-400: #b29e89;
  --color-close-but-no-cigar-500: #97836e;
  --color-close-but-no-cigar-600: #7c6955;
  --color-close-but-no-cigar-700: #645341;
  --color-close-but-no-cigar-800: #504131;
  --color-close-but-no-cigar-900: #3f3225;
  --color-close-but-no-cigar-950: #2e1e0c;
  --color-mellow-mint: #daf1be;
  --color-mellow-mint-50: #eaf8db;
  --color-mellow-mint-100: #daf1be;
  --color-mellow-mint-200: #cadcb6;
  --color-mellow-mint-300: #b3c69c;
  --color-mellow-mint-400: #94a87a;
  --color-mellow-mint-500: #798d5e;
  --color-mellow-mint-600: #607346;
  --color-mellow-mint-700: #4b5c33;
  --color-mellow-mint-800: #394824;
  --color-mellow-mint-900: #2b3819;
  --color-mellow-mint-950: #1a230d;
  --color-noble-knight: #454a7b;
  --color-noble-knight-50: #f3f4ff;
  --color-noble-knight-100: #e6eaff;
  --color-noble-knight-200: #ccd3ff;
  --color-noble-knight-300: #b3bbec;
  --color-noble-knight-400: #929acf;
  --color-noble-knight-500: #767db2;
  --color-noble-knight-600: #5c6293;
  --color-noble-knight-700: #454a7b;
  --color-noble-knight-800: #363a60;
  --color-noble-knight-900: #282c4c;
  --color-noble-knight-950: #181a31;
  --color-inca-gold: #a26c19;
  --color-inca-gold-50: #fff3e5;
  --color-inca-gold-100: #ffead1;
  --color-inca-gold-200: #ffd4a1;
  --color-inca-gold-300: #efbe83;
  --color-inca-gold-400: #d59f5b;
  --color-inca-gold-500: #bc853a;
  --color-inca-gold-600: #a26c19;
  --color-inca-gold-700: #845400;
  --color-inca-gold-800: #674100;
  --color-inca-gold-900: #503100;
  --color-inca-gold-950: #331e00;
  --color-cold-lips: #979fe8;
  --color-cold-lips-50: #f5f6ff;
  --color-cold-lips-100: #e9ecff;
  --color-cold-lips-200: #d2d8ff;
  --color-cold-lips-300: #b7bffe;
  --color-cold-lips-400: #979fe8;
  --color-cold-lips-500: #7c83c9;
  --color-cold-lips-600: #6167ab;
  --color-cold-lips-700: #4c508d;
  --color-cold-lips-800: #3a3d73;
  --color-cold-lips-900: #2b2e5b;
  --color-cold-lips-950: #191b3b;
}