Biscuit Dough to Midnight Escapade color palette

E9DCBBBiscuit Dough C6B073Gold Digger 9A7100Glazed Chestnut 435E8DWizard 273351Midnight Escapade

About this palette

Biscuit Dough to Midnight Escapade is a 5-color warm, earthy, vintage palette: #E9DCBB (Biscuit Dough), #C6B073 (Gold Digger), #9A7100 (Glazed Chestnut), #435E8D (Wizard), #273351 (Midnight Escapade). It mixes yellow, blue tones and feels warm overall. The strongest text pairing is #E9DCBB on #273351 with a contrast ratio of 9.19:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Biscuit Dough	rgb(233, 220, 187)	hsl(43, 51%, 82%)
Gold Digger	rgb(198, 176, 115)	hsl(44, 42%, 61%)
Glazed Chestnut	rgb(154, 113, 0)	hsl(44, 100%, 30%)
Wizard	rgb(67, 94, 141)	hsl(218, 36%, 41%)
Midnight Escapade	rgb(39, 51, 81)	hsl(223, 35%, 24%)

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.19:1 Very good#E9DCBB on #273351
Aa9.19:1 Very good#273351 on #E9DCBB
Aa5.87:1 Good#C6B073 on #273351
Aa5.87:1 Good#273351 on #C6B073
Aa4.78:1 Good#E9DCBB on #435E8D
Aa4.78:1 Good#435E8D on #E9DCBB
Aa3.26:1 Poor#E9DCBB on #9A7100
Aa3.26:1 Poor#9A7100 on #E9DCBB

Color blindness preview

CSS variables

/* Biscuit Dough to Midnight Escapade — https://swatchly.xyz/palette/e9dcbb-c6b073-9a7100-435e8d-273351 */
:root {
  --biscuit-dough: #e9dcbb;
  --gold-digger: #c6b073;
  --glazed-chestnut: #9a7100;
  --wizard: #435e8d;
  --midnight-escapade: #273351;
}

Tailwind CSS v4

/* Biscuit Dough to Midnight Escapade — https://swatchly.xyz/palette/e9dcbb-c6b073-9a7100-435e8d-273351 */
@theme {
  --color-biscuit-dough: #e9dcbb;
  --color-biscuit-dough-50: #fff8e8;
  --color-biscuit-dough-100: #f7efdc;
  --color-biscuit-dough-200: #e9dcbb;
  --color-biscuit-dough-300: #cfc5aa;
  --color-biscuit-dough-400: #b0a486;
  --color-biscuit-dough-500: #948869;
  --color-biscuit-dough-600: #786c4f;
  --color-biscuit-dough-700: #60553a;
  --color-biscuit-dough-800: #4b412a;
  --color-biscuit-dough-900: #3a321e;
  --color-biscuit-dough-950: #241f10;
  --color-gold-digger: #c6b073;
  --color-gold-digger-50: #faedc7;
  --color-gold-digger-100: #efe0b6;
  --color-gold-digger-200: #dbc998;
  --color-gold-digger-300: #c6b073;
  --color-gold-digger-400: #a99358;
  --color-gold-digger-500: #907b3f;
  --color-gold-digger-600: #776328;
  --color-gold-digger-700: #614f17;
  --color-gold-digger-800: #4e3e0b;
  --color-gold-digger-900: #3f3104;
  --color-gold-digger-950: #281e01;
  --color-glazed-chestnut: #9a7100;
  --color-glazed-chestnut-50: #fff4df;
  --color-glazed-chestnut-100: #ffebc6;
  --color-glazed-chestnut-200: #f7d89c;
  --color-glazed-chestnut-300: #e7c37d;
  --color-glazed-chestnut-400: #cca453;
  --color-glazed-chestnut-500: #b48a2f;
  --color-glazed-chestnut-600: #9a7100;
  --color-glazed-chestnut-700: #7b5900;
  --color-glazed-chestnut-800: #604500;
  --color-glazed-chestnut-900: #4a3400;
  --color-glazed-chestnut-950: #2f2000;
  --color-wizard: #435e8d;
  --color-wizard-50: #f0f5ff;
  --color-wizard-100: #e1ecff;
  --color-wizard-200: #c5daff;
  --color-wizard-300: #abc5f2;
  --color-wizard-400: #8ba7d8;
  --color-wizard-500: #708dbf;
  --color-wizard-600: #5874a4;
  --color-wizard-700: #435e8d;
  --color-wizard-800: #334971;
  --color-wizard-900: #25385a;
  --color-wizard-950: #15233b;
  --color-midnight-escapade: #273351;
  --color-midnight-escapade-50: #f1f5ff;
  --color-midnight-escapade-100: #e2ebff;
  --color-midnight-escapade-200: #cbd7f4;
  --color-midnight-escapade-300: #b3c1e1;
  --color-midnight-escapade-400: #92a1c4;
  --color-midnight-escapade-500: #7786a9;
  --color-midnight-escapade-600: #5e6c8d;
  --color-midnight-escapade-700: #495674;
  --color-midnight-escapade-800: #38435d;
  --color-midnight-escapade-900: #273351;
  --color-midnight-escapade-950: #192030;
}