Vin Cuit to Close but No Cigar color palette

B47259Vin Cuit FFF4F1Seashell 7B3F2CStone Age Queen E7B2A2Prosciutto 321910Close but No Cigar

About this palette

Vin Cuit to Close but No Cigar is a 5-color warm, vintage, monochromatic palette: #B47259 (Vin Cuit), #FFF4F1 (Seashell), #7B3F2C (Stone Age Queen), #E7B2A2 (Prosciutto), #321910 (Close but No Cigar). It mixes orange, white, red, pink, brown tones and feels warm overall. The strongest text pairing is #FFF4F1 on #321910 with a contrast ratio of 15.18:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Vin Cuit	rgb(180, 114, 89)	hsl(16, 38%, 53%)
Seashell	rgb(255, 244, 241)	hsl(13, 100%, 97%)
Stone Age Queen	rgb(123, 63, 44)	hsl(14, 47%, 33%)
Prosciutto	rgb(231, 178, 162)	hsl(14, 59%, 77%)
Close but No Cigar	rgb(50, 25, 16)	hsl(16, 52%, 13%)

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.

Aa15.18:1 Super#FFF4F1 on #321910
Aa15.18:1 Super#321910 on #FFF4F1
Aa8.80:1 Very good#E7B2A2 on #321910
Aa8.80:1 Very good#321910 on #E7B2A2
Aa7.52:1 Very good#FFF4F1 on #7B3F2C
Aa7.52:1 Very good#7B3F2C on #FFF4F1
Aa4.36:1 Poor#7B3F2C on #E7B2A2
Aa4.36:1 Poor#E7B2A2 on #7B3F2C

Color blindness preview

CSS variables

/* Vin Cuit to Close but No Cigar — https://swatchly.xyz/palette/b47259-fff4f1-7b3f2c-e7b2a2-321910 */
:root {
  --vin-cuit: #b47259;
  --seashell: #fff4f1;
  --stone-age-queen: #7b3f2c;
  --prosciutto: #e7b2a2;
  --close-but-no-cigar: #321910;
}

Tailwind CSS v4

/* Vin Cuit to Close but No Cigar — https://swatchly.xyz/palette/b47259-fff4f1-7b3f2c-e7b2a2-321910 */
@theme {
  --color-vin-cuit: #b47259;
  --color-vin-cuit-50: #fff2ed;
  --color-vin-cuit-100: #ffe4da;
  --color-vin-cuit-200: #ffc9b5;
  --color-vin-cuit-300: #edb099;
  --color-vin-cuit-400: #d08e75;
  --color-vin-cuit-500: #b47259;
  --color-vin-cuit-600: #975840;
  --color-vin-cuit-700: #7b432e;
  --color-vin-cuit-800: #63321f;
  --color-vin-cuit-900: #4f2515;
  --color-vin-cuit-950: #33150a;
  --color-seashell: #fff4f1;
  --color-seashell-50: #fff4f1;
  --color-seashell-100: #f1ebe9;
  --color-seashell-200: #ded6d4;
  --color-seashell-300: #c8bfbd;
  --color-seashell-400: #a9a09d;
  --color-seashell-500: #8e8481;
  --color-seashell-600: #736967;
  --color-seashell-700: #5b5351;
  --color-seashell-800: #48403f;
  --color-seashell-900: #373130;
  --color-seashell-950: #221e1d;
  --color-stone-age-queen: #7b3f2c;
  --color-stone-age-queen-50: #fff2ee;
  --color-stone-age-queen-100: #ffe5dc;
  --color-stone-age-queen-200: #ffc9b8;
  --color-stone-age-queen-300: #ecaf9c;
  --color-stone-age-queen-400: #cf8d79;
  --color-stone-age-queen-500: #b2715c;
  --color-stone-age-queen-600: #945743;
  --color-stone-age-queen-700: #7b3f2c;
  --color-stone-age-queen-800: #603122;
  --color-stone-age-queen-900: #4c2417;
  --color-stone-age-queen-950: #31150c;
  --color-prosciutto: #e7b2a2;
  --color-prosciutto-50: #fff1ed;
  --color-prosciutto-100: #ffe4dc;
  --color-prosciutto-200: #f5ccc0;
  --color-prosciutto-300: #e7b2a2;
  --color-prosciutto-400: #c59485;
  --color-prosciutto-500: #a97869;
  --color-prosciutto-600: #8d5e50;
  --color-prosciutto-700: #73493c;
  --color-prosciutto-800: #5c372d;
  --color-prosciutto-900: #482a20;
  --color-prosciutto-950: #2f1912;
  --color-close-but-no-cigar: #321910;
  --color-close-but-no-cigar-50: #fff2ed;
  --color-close-but-no-cigar-100: #fce6de;
  --color-close-but-no-cigar-200: #ebd1c8;
  --color-close-but-no-cigar-300: #d7baaf;
  --color-close-but-no-cigar-400: #b9998e;
  --color-close-but-no-cigar-500: #9e7e73;
  --color-close-but-no-cigar-600: #83645a;
  --color-close-but-no-cigar-700: #6a4f45;
  --color-close-but-no-cigar-800: #553d34;
  --color-close-but-no-cigar-900: #432f27;
  --color-close-but-no-cigar-950: #321910;
}