Root Beer to Close but No Cigar Color Palette

About this palette

Root Beer to Close but No Cigar is a 4-color muted, vintage palette: #845353 (Root Beer), #6AA9AD (Seaside), #E3EDFF (Cotton Boll), #2F1C00 (Close but No Cigar). It mixes red, turquoise, white, brown tones and feels warm overall. The strongest text pairing is #E3EDFF on #2F1C00 with a contrast ratio of 13.85:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Root Beer	rgb(132, 83, 83)	hsl(0, 23%, 42%)
Seaside	rgb(106, 169, 173)	hsl(184, 29%, 55%)
Cotton Boll	rgb(227, 237, 255)	hsl(219, 100%, 95%)
Close but No Cigar	rgb(47, 28, 0)	hsl(36, 100%, 9%)

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.85:1 Super#E3EDFF on #2F1C00
Aa13.85:1 Super#2F1C00 on #E3EDFF
Aa6.13:1 Good#6AA9AD on #2F1C00
Aa6.13:1 Good#2F1C00 on #6AA9AD
Aa5.33:1 Good#845353 on #E3EDFF
Aa5.33:1 Good#E3EDFF on #845353

Color blindness preview

CSS variables

/* Root Beer to Close but No Cigar — https://swatchly.xyz/palette/845353-6aa9ad-e3edff-2f1c00 */
:root {
  --root-beer: #845353;
  --seaside: #6aa9ad;
  --cotton-boll: #e3edff;
  --close-but-no-cigar: #2f1c00;
}

Tailwind CSS v4

/* Root Beer to Close but No Cigar — https://swatchly.xyz/palette/845353-6aa9ad-e3edff-2f1c00 */
@theme {
  --color-root-beer: #845353;
  --color-root-beer-50: #fff1f1;
  --color-root-beer-100: #ffe1e0;
  --color-root-beer-200: #f3c8c7;
  --color-root-beer-300: #dfaead;
  --color-root-beer-400: #c08b8b;
  --color-root-beer-500: #a26e6e;
  --color-root-beer-600: #845353;
  --color-root-beer-700: #6a4040;
  --color-root-beer-800: #553131;
  --color-root-beer-900: #432525;
  --color-root-beer-950: #2b1616;
  --color-seaside: #6aa9ad;
  --color-seaside-50: #d8fbfd;
  --color-seaside-100: #c9f1f4;
  --color-seaside-200: #afdee1;
  --color-seaside-300: #91c8cc;
  --color-seaside-400: #6aa9ad;
  --color-seaside-500: #4f8e92;
  --color-seaside-600: #367478;
  --color-seaside-700: #235d61;
  --color-seaside-800: #15494d;
  --color-seaside-900: #0b393c;
  --color-seaside-950: #042426;
  --color-cotton-boll: #e3edff;
  --color-cotton-boll-50: #f2f6ff;
  --color-cotton-boll-100: #e3edff;
  --color-cotton-boll-200: #d2d9e6;
  --color-cotton-boll-300: #bac2d1;
  --color-cotton-boll-400: #9aa3b3;
  --color-cotton-boll-500: #7e8797;
  --color-cotton-boll-600: #646c7c;
  --color-cotton-boll-700: #4e5663;
  --color-cotton-boll-800: #3c434f;
  --color-cotton-boll-900: #2d333d;
  --color-cotton-boll-950: #1b1f27;
  --color-close-but-no-cigar: #2f1c00;
  --color-close-but-no-cigar-50: #fff3e4;
  --color-close-but-no-cigar-100: #f9e9d4;
  --color-close-but-no-cigar-200: #e7d4bc;
  --color-close-but-no-cigar-300: #d3bda2;
  --color-close-but-no-cigar-400: #b59d7f;
  --color-close-but-no-cigar-500: #9a8264;
  --color-close-but-no-cigar-600: #7e684b;
  --color-close-but-no-cigar-700: #665237;
  --color-close-but-no-cigar-800: #514028;
  --color-close-but-no-cigar-900: #40311d;
  --color-close-but-no-cigar-950: #2f1c00;
}