Lost in the Woods to Glazed Chestnut Color Palette

About this palette

Lost in the Woods to Glazed Chestnut is a 4-color earthy palette: #004526 (Lost in the Woods), #CFA929 (Hippie Trail), #E9F7C0 (Kiwi Kiss), #957500 (Glazed Chestnut). It mixes green, yellow tones and feels balanced overall. The strongest text pairing is #004526 on #E9F7C0 with a contrast ratio of 9.86:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lost in the Woods	rgb(0, 69, 38)	hsl(153, 100%, 14%)
Hippie Trail	rgb(207, 169, 41)	hsl(46, 67%, 49%)
Kiwi Kiss	rgb(233, 247, 192)	hsl(75, 77%, 86%)
Glazed Chestnut	rgb(149, 117, 0)	hsl(47, 100%, 29%)

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.

Aa9.86:1 Very good#004526 on #E9F7C0
Aa9.86:1 Very good#E9F7C0 on #004526
Aa4.98:1 Good#004526 on #CFA929
Aa4.98:1 Good#CFA929 on #004526
Aa3.84:1 Poor#E9F7C0 on #957500
Aa3.84:1 Poor#957500 on #E9F7C0

Color blindness preview

CSS variables

/* Lost in the Woods to Glazed Chestnut — https://swatchly.xyz/palette/004526-cfa929-e9f7c0-957500 */
:root {
  --lost-in-the-woods: #004526;
  --hippie-trail: #cfa929;
  --kiwi-kiss: #e9f7c0;
  --glazed-chestnut: #957500;
}

Tailwind CSS v4

/* Lost in the Woods to Glazed Chestnut — https://swatchly.xyz/palette/004526-cfa929-e9f7c0-957500 */
@theme {
  --color-lost-in-the-woods: #004526;
  --color-lost-in-the-woods-50: #deffe9;
  --color-lost-in-the-woods-100: #d1f6dd;
  --color-lost-in-the-woods-200: #b8e4c7;
  --color-lost-in-the-woods-300: #9ccfae;
  --color-lost-in-the-woods-400: #79b28e;
  --color-lost-in-the-woods-500: #5d9874;
  --color-lost-in-the-woods-600: #447d5b;
  --color-lost-in-the-woods-700: #306747;
  --color-lost-in-the-woods-800: #215337;
  --color-lost-in-the-woods-900: #004526;
  --color-lost-in-the-woods-950: #0a2b19;
  --color-hippie-trail: #cfa929;
  --color-hippie-trail-50: #fff9e9;
  --color-hippie-trail-100: #fff1c9;
  --color-hippie-trail-200: #f8de93;
  --color-hippie-trail-300: #e7c96f;
  --color-hippie-trail-400: #cfa929;
  --color-hippie-trail-500: #ae8b00;
  --color-hippie-trail-600: #8c7000;
  --color-hippie-trail-700: #6f5800;
  --color-hippie-trail-800: #564300;
  --color-hippie-trail-900: #413300;
  --color-hippie-trail-950: #281e00;
  --color-kiwi-kiss: #e9f7c0;
  --color-kiwi-kiss-50: #f5fde0;
  --color-kiwi-kiss-100: #e9f7c0;
  --color-kiwi-kiss-200: #d6e0ba;
  --color-kiwi-kiss-300: #beca9d;
  --color-kiwi-kiss-400: #9eaa79;
  --color-kiwi-kiss-500: #828e5b;
  --color-kiwi-kiss-600: #677342;
  --color-kiwi-kiss-700: #515b2e;
  --color-kiwi-kiss-800: #3f471f;
  --color-kiwi-kiss-900: #303715;
  --color-kiwi-kiss-950: #1d220a;
  --color-glazed-chestnut: #957500;
  --color-glazed-chestnut-50: #fff2d0;
  --color-glazed-chestnut-100: #fbe5ac;
  --color-glazed-chestnut-200: #e8ce8a;
  --color-glazed-chestnut-300: #d2b565;
  --color-glazed-chestnut-400: #b39336;
  --color-glazed-chestnut-500: #957500;
  --color-glazed-chestnut-600: #785e00;
  --color-glazed-chestnut-700: #604a00;
  --color-glazed-chestnut-800: #4c3a00;
  --color-glazed-chestnut-900: #3c2d00;
  --color-glazed-chestnut-950: #261c00;
}