Flaming Cauldron to Close but No Cigar Color Palette

About this palette

Flaming Cauldron to Close but No Cigar is a 4-color warm, earthy, vintage, monochromatic, gradient palette: #FAA674 (Flaming Cauldron), #AD8066 (Silken Chocolate), #913F00 (Otterly Brown), #3B1801 (Close but No Cigar). It mixes orange, brown tones and feels warm overall. The strongest text pairing is #FAA674 on #3B1801 with a contrast ratio of 8.18:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Flaming Cauldron	rgb(250, 166, 116)	hsl(22, 93%, 72%)
Silken Chocolate	rgb(173, 128, 102)	hsl(22, 30%, 54%)
Otterly Brown	rgb(145, 63, 0)	hsl(26, 100%, 28%)
Close but No Cigar	rgb(59, 24, 1)	hsl(24, 97%, 12%)

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.

Aa8.18:1 Very good#FAA674 on #3B1801
Aa8.18:1 Very good#3B1801 on #FAA674
Aa4.60:1 Good#AD8066 on #3B1801
Aa4.60:1 Good#3B1801 on #AD8066
Aa3.70:1 Poor#FAA674 on #913F00
Aa3.70:1 Poor#913F00 on #FAA674

Color blindness preview

CSS variables

/* Flaming Cauldron to Close but No Cigar — https://swatchly.xyz/palette/faa674-ad8066-913f00-3b1801 */
:root {
  --flaming-cauldron: #faa674;
  --silken-chocolate: #ad8066;
  --otterly-brown: #913f00;
  --close-but-no-cigar: #3b1801;
}

Tailwind CSS v4

/* Flaming Cauldron to Close but No Cigar — https://swatchly.xyz/palette/faa674-ad8066-913f00-3b1801 */
@theme {
  --color-flaming-cauldron: #faa674;
  --color-flaming-cauldron-50: #fff0e7;
  --color-flaming-cauldron-100: #ffe2d1;
  --color-flaming-cauldron-200: #ffc6a5;
  --color-flaming-cauldron-300: #faa674;
  --color-flaming-cauldron-400: #d78859;
  --color-flaming-cauldron-500: #bb6d3b;
  --color-flaming-cauldron-600: #9e5321;
  --color-flaming-cauldron-700: #823f0b;
  --color-flaming-cauldron-800: #692f00;
  --color-flaming-cauldron-900: #532300;
  --color-flaming-cauldron-950: #361400;
  --color-silken-chocolate: #ad8066;
  --color-silken-chocolate-50: #fff4ed;
  --color-silken-chocolate-100: #ffe8db;
  --color-silken-chocolate-200: #f6d2be;
  --color-silken-chocolate-300: #e3bba4;
  --color-silken-chocolate-400: #c79b82;
  --color-silken-chocolate-500: #ad8066;
  --color-silken-chocolate-600: #90654c;
  --color-silken-chocolate-700: #754e37;
  --color-silken-chocolate-800: #5d3b27;
  --color-silken-chocolate-900: #492c1b;
  --color-silken-chocolate-950: #2f1a0e;
  --color-otterly-brown: #913f00;
  --color-otterly-brown-50: #fff2ec;
  --color-otterly-brown-100: #ffe5d8;
  --color-otterly-brown-200: #ffccb2;
  --color-otterly-brown-300: #fcae85;
  --color-otterly-brown-400: #e28c5e;
  --color-otterly-brown-500: #c7703f;
  --color-otterly-brown-600: #aa5624;
  --color-otterly-brown-700: #913f00;
  --color-otterly-brown-800: #733000;
  --color-otterly-brown-900: #5a2400;
  --color-otterly-brown-950: #3a1500;
  --color-close-but-no-cigar: #3b1801;
  --color-close-but-no-cigar-50: #fff2eb;
  --color-close-but-no-cigar-100: #ffe5d7;
  --color-close-but-no-cigar-200: #f3cfbb;
  --color-close-but-no-cigar-300: #dfb7a1;
  --color-close-but-no-cigar-400: #c2977e;
  --color-close-but-no-cigar-500: #a77c63;
  --color-close-but-no-cigar-600: #8c634b;
  --color-close-but-no-cigar-700: #734e38;
  --color-close-but-no-cigar-800: #5d3c29;
  --color-close-but-no-cigar-900: #4b2f1e;
  --color-close-but-no-cigar-950: #3b1801;
}