Glazed Chestnut to Black Turmeric color palette

9E7400Glazed Chestnut DD95B6Foxy Pink ADFACANeo Mint 406999Queen Blue 264260Black Turmeric

About this palette

Glazed Chestnut to Black Turmeric is a 5-color cool, vintage palette: #9E7400 (Glazed Chestnut), #DD95B6 (Foxy Pink), #ADFACA (Neo Mint), #406999 (Queen Blue), #264260 (Black Turmeric). It mixes yellow, pink, green, blue tones and feels cool overall. The strongest text pairing is #ADFACA on #264260 with a contrast ratio of 8.52:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Glazed Chestnut	rgb(158, 116, 0)	hsl(44, 100%, 31%)
Foxy Pink	rgb(221, 149, 182)	hsl(332, 51%, 73%)
Neo Mint	rgb(173, 250, 202)	hsl(143, 89%, 83%)
Queen Blue	rgb(64, 105, 153)	hsl(212, 41%, 43%)
Black Turmeric	rgb(38, 66, 96)	hsl(211, 43%, 26%)

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.52:1 Very good#ADFACA on #264260
Aa8.52:1 Very good#264260 on #ADFACA
Aa4.68:1 Good#ADFACA on #406999
Aa4.68:1 Good#406999 on #ADFACA
Aa4.46:1 Poor#DD95B6 on #264260
Aa4.46:1 Poor#264260 on #DD95B6
Aa3.49:1 Poor#9E7400 on #ADFACA
Aa3.49:1 Poor#ADFACA on #9E7400

Color blindness preview

CSS variables

/* Glazed Chestnut to Black Turmeric — https://swatchly.xyz/palette/9e7400-dd95b6-adfaca-406999-264260 */
:root {
  --glazed-chestnut: #9e7400;
  --foxy-pink: #dd95b6;
  --neo-mint: #adfaca;
  --queen-blue: #406999;
  --black-turmeric: #264260;
}

Tailwind CSS v4

/* Glazed Chestnut to Black Turmeric — https://swatchly.xyz/palette/9e7400-dd95b6-adfaca-406999-264260 */
@theme {
  --color-glazed-chestnut: #9e7400;
  --color-glazed-chestnut-50: #fff2d9;
  --color-glazed-chestnut-100: #ffe4b0;
  --color-glazed-chestnut-200: #efcd8a;
  --color-glazed-chestnut-300: #dbb466;
  --color-glazed-chestnut-400: #bc9137;
  --color-glazed-chestnut-500: #9e7400;
  --color-glazed-chestnut-600: #805d00;
  --color-glazed-chestnut-700: #664a00;
  --color-glazed-chestnut-800: #513900;
  --color-glazed-chestnut-900: #3f2c00;
  --color-glazed-chestnut-950: #291b00;
  --color-foxy-pink: #dd95b6;
  --color-foxy-pink-50: #fff7fa;
  --color-foxy-pink-100: #ffecf4;
  --color-foxy-pink-200: #ffd2e5;
  --color-foxy-pink-300: #f4b8d2;
  --color-foxy-pink-400: #dd95b6;
  --color-foxy-pink-500: #bd7898;
  --color-foxy-pink-600: #9d5b7b;
  --color-foxy-pink-700: #804461;
  --color-foxy-pink-800: #66324c;
  --color-foxy-pink-900: #4f2339;
  --color-foxy-pink-950: #321323;
  --color-neo-mint: #adfaca;
  --color-neo-mint-50: #d1fde0;
  --color-neo-mint-100: #adfaca;
  --color-neo-mint-200: #a9e2be;
  --color-neo-mint-300: #8ecea6;
  --color-neo-mint-400: #69b186;
  --color-neo-mint-500: #4b966b;
  --color-neo-mint-600: #317c53;
  --color-neo-mint-700: #1d643f;
  --color-neo-mint-800: #0d4f2f;
  --color-neo-mint-900: #033e22;
  --color-neo-mint-950: #002713;
  --color-queen-blue: #406999;
  --color-queen-blue-50: #eff6ff;
  --color-queen-blue-100: #dcecff;
  --color-queen-blue-200: #b9d9ff;
  --color-queen-blue-300: #9bc2f0;
  --color-queen-blue-400: #77a1d3;
  --color-queen-blue-500: #5b85b6;
  --color-queen-blue-600: #406999;
  --color-queen-blue-700: #2f537d;
  --color-queen-blue-800: #214165;
  --color-queen-blue-900: #173251;
  --color-queen-blue-950: #0b1f35;
  --color-black-turmeric: #264260;
  --color-black-turmeric-50: #eef6ff;
  --color-black-turmeric-100: #ddedff;
  --color-black-turmeric-200: #c2daf6;
  --color-black-turmeric-300: #a8c4e2;
  --color-black-turmeric-400: #86a4c5;
  --color-black-turmeric-500: #6988aa;
  --color-black-turmeric-600: #506d8d;
  --color-black-turmeric-700: #3b5672;
  --color-black-turmeric-800: #264260;
  --color-black-turmeric-900: #1f3347;
  --color-black-turmeric-950: #111f2e;
}