Fricassée to Close but No Cigar Color Palette

About this palette

Fricassée to Close but No Cigar is a 5-color warm, earthy, vintage, gradient palette: #FDE7C5 (Fricassée), #B1B47A (Nile), #9B762A (Fernweh), #714A38 (Cappuccino), #351A10 (Close but No Cigar). It mixes yellow, brown tones and feels warm overall. The strongest text pairing is #FDE7C5 on #351A10 with a contrast ratio of 13.33:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fricassée	rgb(253, 231, 197)	hsl(36, 93%, 88%)
Nile	rgb(177, 180, 122)	hsl(63, 28%, 59%)
Fernweh	rgb(155, 118, 42)	hsl(40, 57%, 39%)
Cappuccino	rgb(113, 74, 56)	hsl(19, 34%, 33%)
Close but No Cigar	rgb(53, 26, 16)	hsl(16, 54%, 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.

Aa13.33:1 Super#FDE7C5 on #351A10
Aa13.33:1 Super#351A10 on #FDE7C5
Aa7.41:1 Very good#B1B47A on #351A10
Aa7.41:1 Very good#351A10 on #B1B47A
Aa6.36:1 Good#FDE7C5 on #714A38
Aa6.36:1 Good#714A38 on #FDE7C5
Aa3.84:1 Poor#9B762A on #351A10
Aa3.84:1 Poor#351A10 on #9B762A

Color blindness preview

CSS variables

/* Fricassée to Close but No Cigar — https://swatchly.xyz/palette/fde7c5-b1b47a-9b762a-714a38-351a10 */
:root {
  --fricass-e: #fde7c5;
  --nile: #b1b47a;
  --fernweh: #9b762a;
  --cappuccino: #714a38;
  --close-but-no-cigar: #351a10;
}

Tailwind CSS v4

/* Fricassée to Close but No Cigar — https://swatchly.xyz/palette/fde7c5-b1b47a-9b762a-714a38-351a10 */
@theme {
  --color-fricass-e: #fde7c5;
  --color-fricass-e-50: #fff3e0;
  --color-fricass-e-100: #fde7c5;
  --color-fricass-e-200: #e4d4bc;
  --color-fricass-e-300: #d0bea2;
  --color-fricass-e-400: #b29e7f;
  --color-fricass-e-500: #978364;
  --color-fricass-e-600: #7b694b;
  --color-fricass-e-700: #635237;
  --color-fricass-e-800: #4f4028;
  --color-fricass-e-900: #3d311c;
  --color-fricass-e-950: #271e0f;
  --color-nile: #b1b47a;
  --color-nile-50: #fbfddf;
  --color-nile-100: #f3f6d4;
  --color-nile-200: #e2e5bc;
  --color-nile-300: #ced1a2;
  --color-nile-400: #b1b47a;
  --color-nile-500: #93965d;
  --color-nile-600: #767841;
  --color-nile-700: #5d5f2b;
  --color-nile-800: #48491b;
  --color-nile-900: #36370f;
  --color-nile-950: #202105;
  --color-fernweh: #9b762a;
  --color-fernweh-50: #fff2da;
  --color-fernweh-100: #fee4b6;
  --color-fernweh-200: #ecce97;
  --color-fernweh-300: #d7b576;
  --color-fernweh-400: #b8934c;
  --color-fernweh-500: #9b762a;
  --color-fernweh-600: #805e0c;
  --color-fernweh-700: #674a00;
  --color-fernweh-800: #523900;
  --color-fernweh-900: #402c00;
  --color-fernweh-950: #291b00;
  --color-cappuccino: #714a38;
  --color-cappuccino-50: #fff2ec;
  --color-cappuccino-100: #ffe5d9;
  --color-cappuccino-200: #f2cfbf;
  --color-cappuccino-300: #deb7a5;
  --color-cappuccino-400: #c19683;
  --color-cappuccino-500: #a57b67;
  --color-cappuccino-600: #89614e;
  --color-cappuccino-700: #714a38;
  --color-cappuccino-800: #59392b;
  --color-cappuccino-900: #462b1f;
  --color-cappuccino-950: #2d1a11;
  --color-close-but-no-cigar: #351a10;
  --color-close-but-no-cigar-50: #fff2ed;
  --color-close-but-no-cigar-100: #fde5dd;
  --color-close-but-no-cigar-200: #edd1c6;
  --color-close-but-no-cigar-300: #d9b9ae;
  --color-close-but-no-cigar-400: #bb998c;
  --color-close-but-no-cigar-500: #a07e71;
  --color-close-but-no-cigar-600: #856459;
  --color-close-but-no-cigar-700: #6d4f44;
  --color-close-but-no-cigar-800: #573e34;
  --color-close-but-no-cigar-900: #463027;
  --color-close-but-no-cigar-950: #351a10;
}