Cashew Nut to Jungle King Color Palette

About this palette

Cashew Nut to Jungle King is a 4-color muted, warm, earthy, vintage palette: #EDCDB1 (Cashew Nut), #A07A73 (Woodhaven), #301813 (Burnt Coffee), #554919 (Jungle King). It mixes orange, red, brown tones and feels warm overall. The strongest text pairing is #EDCDB1 on #301813 with a contrast ratio of 11.04:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cashew Nut	rgb(237, 205, 177)	hsl(28, 63%, 81%)
Woodhaven	rgb(160, 122, 115)	hsl(9, 19%, 54%)
Burnt Coffee	rgb(48, 24, 19)	hsl(10, 43%, 13%)
Jungle King	rgb(85, 73, 25)	hsl(48, 55%, 22%)

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.

Aa11.04:1 Very good#EDCDB1 on #301813
Aa11.04:1 Very good#301813 on #EDCDB1
Aa5.94:1 Good#EDCDB1 on #554919
Aa5.94:1 Good#554919 on #EDCDB1
Aa4.37:1 Poor#A07A73 on #301813
Aa4.37:1 Poor#301813 on #A07A73

Color blindness preview

CSS variables

/* Cashew Nut to Jungle King — https://swatchly.xyz/palette/edcdb1-a07a73-301813-554919 */
:root {
  --cashew-nut: #edcdb1;
  --woodhaven: #a07a73;
  --burnt-coffee: #301813;
  --jungle-king: #554919;
}

Tailwind CSS v4

/* Cashew Nut to Jungle King — https://swatchly.xyz/palette/edcdb1-a07a73-301813-554919 */
@theme {
  --color-cashew-nut: #edcdb1;
  --color-cashew-nut-50: #ffefe2;
  --color-cashew-nut-100: #f9e4d2;
  --color-cashew-nut-200: #edcdb1;
  --color-cashew-nut-300: #d3b8a0;
  --color-cashew-nut-400: #b6997f;
  --color-cashew-nut-500: #9b7e64;
  --color-cashew-nut-600: #80644c;
  --color-cashew-nut-700: #684f38;
  --color-cashew-nut-800: #533d2a;
  --color-cashew-nut-900: #412f1e;
  --color-cashew-nut-950: #291c10;
  --color-woodhaven: #a07a73;
  --color-woodhaven-50: #fff1ef;
  --color-woodhaven-100: #fee4df;
  --color-woodhaven-200: #eecec8;
  --color-woodhaven-300: #dab6b0;
  --color-woodhaven-400: #bc968f;
  --color-woodhaven-500: #a07a73;
  --color-woodhaven-600: #84605a;
  --color-woodhaven-700: #6b4b45;
  --color-woodhaven-800: #553a35;
  --color-woodhaven-900: #432b27;
  --color-woodhaven-950: #2b1a17;
  --color-burnt-coffee: #301813;
  --color-burnt-coffee-50: #fff2ef;
  --color-burnt-coffee-100: #fbe6e1;
  --color-burnt-coffee-200: #ead1cb;
  --color-burnt-coffee-300: #d6b9b3;
  --color-burnt-coffee-400: #b89992;
  --color-burnt-coffee-500: #9d7e77;
  --color-burnt-coffee-600: #81645d;
  --color-burnt-coffee-700: #694e48;
  --color-burnt-coffee-800: #533c37;
  --color-burnt-coffee-900: #412e29;
  --color-burnt-coffee-950: #301813;
  --color-jungle-king: #554919;
  --color-jungle-king-50: #fdf6da;
  --color-jungle-king-100: #f4eccc;
  --color-jungle-king-200: #e1d8b3;
  --color-jungle-king-300: #cec399;
  --color-jungle-king-400: #b1a476;
  --color-jungle-king-500: #978a5a;
  --color-jungle-king-600: #7d7142;
  --color-jungle-king-700: #675b2f;
  --color-jungle-king-800: #554919;
  --color-jungle-king-900: #413815;
  --color-jungle-king-950: #2a2309;
}