Glazed Chestnut to Candle in the Wind Color Palette

About this palette

Glazed Chestnut to Candle in the Wind is a 4-color warm, earthy, vintage, monochromatic palette: #947000 (Glazed Chestnut), #524422 (Avocado Stone), #A99966 (Veranda Gold), #F6EAC0 (Candle in the Wind). It mixes yellow, brown tones and feels warm overall. The strongest text pairing is #524422 on #F6EAC0 with a contrast ratio of 7.90:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Glazed Chestnut	rgb(148, 112, 0)	hsl(45, 100%, 29%)
Avocado Stone	rgb(82, 68, 34)	hsl(42, 41%, 23%)
Veranda Gold	rgb(169, 153, 102)	hsl(46, 28%, 53%)
Candle in the Wind	rgb(246, 234, 192)	hsl(47, 75%, 86%)

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.

Aa7.90:1 Very good#524422 on #F6EAC0
Aa7.90:1 Very good#F6EAC0 on #524422
Aa3.81:1 Poor#947000 on #F6EAC0
Aa3.81:1 Poor#F6EAC0 on #947000
Aa3.37:1 Poor#524422 on #A99966
Aa3.37:1 Poor#A99966 on #524422

Color blindness preview

CSS variables

/* Glazed Chestnut to Candle in the Wind — https://swatchly.xyz/palette/947000-524422-a99966-f6eac0 */
:root {
  --glazed-chestnut: #947000;
  --avocado-stone: #524422;
  --veranda-gold: #a99966;
  --candle-in-the-wind: #f6eac0;
}

Tailwind CSS v4

/* Glazed Chestnut to Candle in the Wind — https://swatchly.xyz/palette/947000-524422-a99966-f6eac0 */
@theme {
  --color-glazed-chestnut: #947000;
  --color-glazed-chestnut-50: #fff4dd;
  --color-glazed-chestnut-100: #ffebc0;
  --color-glazed-chestnut-200: #f4d89c;
  --color-glazed-chestnut-300: #e2c37c;
  --color-glazed-chestnut-400: #c7a452;
  --color-glazed-chestnut-500: #ae892e;
  --color-glazed-chestnut-600: #947000;
  --color-glazed-chestnut-700: #765900;
  --color-glazed-chestnut-800: #5c4500;
  --color-glazed-chestnut-900: #473400;
  --color-glazed-chestnut-950: #2d2000;
  --color-avocado-stone: #524422;
  --color-avocado-stone-50: #fef4df;
  --color-avocado-stone-100: #f5ead3;
  --color-avocado-stone-200: #e3d6ba;
  --color-avocado-stone-300: #cec0a1;
  --color-avocado-stone-400: #b0a17e;
  --color-avocado-stone-500: #968763;
  --color-avocado-stone-600: #7b6d4a;
  --color-avocado-stone-700: #645737;
  --color-avocado-stone-800: #524422;
  --color-avocado-stone-900: #3e341c;
  --color-avocado-stone-950: #28200f;
  --color-veranda-gold: #a99966;
  --color-veranda-gold-50: #fcf2d4;
  --color-veranda-gold-100: #f2e7c5;
  --color-veranda-gold-200: #ded2aa;
  --color-veranda-gold-300: #c8ba8c;
  --color-veranda-gold-400: #a99966;
  --color-veranda-gold-500: #8f7f4d;
  --color-veranda-gold-600: #756636;
  --color-veranda-gold-700: #5e5124;
  --color-veranda-gold-800: #4b3f17;
  --color-veranda-gold-900: #3b310e;
  --color-veranda-gold-950: #261f06;
  --color-candle-in-the-wind: #f6eac0;
  --color-candle-in-the-wind-50: #fbf4dd;
  --color-candle-in-the-wind-100: #f6eac0;
  --color-candle-in-the-wind-200: #dfd7b8;
  --color-candle-in-the-wind-300: #cac09d;
  --color-candle-in-the-wind-400: #aca17b;
  --color-candle-in-the-wind-500: #91865f;
  --color-candle-in-the-wind-600: #766b46;
  --color-candle-in-the-wind-700: #5f5533;
  --color-candle-in-the-wind-800: #4b4224;
  --color-candle-in-the-wind-900: #3a3219;
  --color-candle-in-the-wind-950: #241f0d;
}