Humble Blush to Close but No Cigar color palette

E8CAC0Humble Blush C69582Café Crème 9B6C5CChocolate Temptation 624539Brunette 331A13Close but No Cigar

Open in generator Export PNG, PDF, ASE…

About this palette

Humble Blush to Close but No Cigar is a 5-color muted, warm, earthy, vintage, monochromatic, gradient palette: #E8CAC0 (Humble Blush), #C69582 (Café Crème), #9B6C5C (Chocolate Temptation), #624539 (Brunette), #331A13 (Close but No Cigar). It mixes pink, orange, red, brown tones and feels warm overall. The strongest text pairing is #E8CAC0 on #331A13 with a contrast ratio of 10.51:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Humble Blush	rgb(232, 202, 192)	hsl(15, 47%, 83%)
Café Crème	rgb(198, 149, 130)	hsl(17, 37%, 64%)
Chocolate Temptation	rgb(155, 108, 92)	hsl(15, 26%, 48%)
Brunette	rgb(98, 69, 57)	hsl(18, 26%, 30%)
Close but No Cigar	rgb(51, 26, 19)	hsl(13, 46%, 14%)

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.

Aa10.51:1 Very good#E8CAC0 on #331A13
Aa10.51:1 Very good#331A13 on #E8CAC0
Aa6.18:1 Good#C69582 on #331A13
Aa6.18:1 Good#331A13 on #C69582
Aa5.61:1 Good#E8CAC0 on #624539
Aa5.61:1 Good#624539 on #E8CAC0
Aa3.62:1 Poor#9B6C5C on #331A13
Aa3.62:1 Poor#331A13 on #9B6C5C

Color blindness preview

CSS variables

/* Humble Blush to Close but No Cigar — https://swatchly.xyz/palette/e8cac0-c69582-9b6c5c-624539-331a13 */
:root {
  --humble-blush: #e8cac0;
  --caf-cr-me: #c69582;
  --chocolate-temptation: #9b6c5c;
  --brunette: #624539;
  --close-but-no-cigar: #331a13;
}

Tailwind CSS v4

/* Humble Blush to Close but No Cigar — https://swatchly.xyz/palette/e8cac0-c69582-9b6c5c-624539-331a13 */
@theme {
  --color-humble-blush: #e8cac0;
  --color-humble-blush-50: #ffede7;
  --color-humble-blush-100: #f5e1db;
  --color-humble-blush-200: #e8cac0;
  --color-humble-blush-300: #cfb6ad;
  --color-humble-blush-400: #b2978e;
  --color-humble-blush-500: #987c73;
  --color-humble-blush-600: #7d635b;
  --color-humble-blush-700: #654e47;
  --color-humble-blush-800: #513d36;
  --color-humble-blush-900: #3f2e29;
  --color-humble-blush-950: #281c18;
  --color-caf-cr-me: #c69582;
  --color-caf-cr-me-50: #fff2ed;
  --color-caf-cr-me-100: #ffe5db;
  --color-caf-cr-me-200: #f5cebf;
  --color-caf-cr-me-300: #e2b6a5;
  --color-caf-cr-me-400: #c69582;
  --color-caf-cr-me-500: #a97a67;
  --color-caf-cr-me-600: #8c604e;
  --color-caf-cr-me-700: #724a3a;
  --color-caf-cr-me-800: #5b382b;
  --color-caf-cr-me-900: #482a1f;
  --color-caf-cr-me-950: #2e1911;
  --color-chocolate-temptation: #9b6c5c;
  --color-chocolate-temptation-50: #ffefe9;
  --color-chocolate-temptation-100: #ffded3;
  --color-chocolate-temptation-200: #efc6b8;
  --color-chocolate-temptation-300: #d9ac9c;
  --color-chocolate-temptation-400: #b98979;
  --color-chocolate-temptation-500: #9b6c5c;
  --color-chocolate-temptation-600: #805546;
  --color-chocolate-temptation-700: #694235;
  --color-chocolate-temptation-800: #543327;
  --color-chocolate-temptation-900: #43271d;
  --color-chocolate-temptation-950: #2c1710;
  --color-brunette: #624539;
  --color-brunette-50: #fff2ed;
  --color-brunette-100: #fce6dd;
  --color-brunette-200: #eacfc4;
  --color-brunette-300: #d4b6aa;
  --color-brunette-400: #b59587;
  --color-brunette-500: #98786b;
  --color-brunette-600: #7a5d51;
  --color-brunette-700: #624539;
  --color-brunette-800: #4c362c;
  --color-brunette-900: #3b2921;
  --color-brunette-950: #251813;
  --color-close-but-no-cigar: #331a13;
  --color-close-but-no-cigar-50: #fff2ee;
  --color-close-but-no-cigar-100: #fce6df;
  --color-close-but-no-cigar-200: #ebd1c9;
  --color-close-but-no-cigar-300: #d7b9b1;
  --color-close-but-no-cigar-400: #b99990;
  --color-close-but-no-cigar-500: #9e7e75;
  --color-close-but-no-cigar-600: #83655c;
  --color-close-but-no-cigar-700: #6b4f47;
  --color-close-but-no-cigar-800: #563e37;
  --color-close-but-no-cigar-900: #442f2a;
  --color-close-but-no-cigar-950: #331a13;
}