Lemonade to Desert Locust Color Palette

About this palette

Lemonade to Desert Locust is a 5-color warm, earthy, vintage, monochromatic palette: #E7E69E (Lemonade), #8F873A (Witch Brew), #252100 (Midnight Pines), #525000 (Godzilla), #ABA459 (Desert Locust). It mixes yellow, brown tones and feels warm overall. The strongest text pairing is #E7E69E on #252100 with a contrast ratio of 12.51:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lemonade	rgb(231, 230, 158)	hsl(59, 60%, 76%)
Witch Brew	rgb(143, 135, 58)	hsl(54, 42%, 39%)
Midnight Pines	rgb(37, 33, 0)	hsl(54, 100%, 7%)
Godzilla	rgb(82, 80, 0)	hsl(59, 100%, 16%)
Desert Locust	rgb(171, 164, 89)	hsl(55, 33%, 51%)

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.

Aa12.51:1 Super#E7E69E on #252100
Aa12.51:1 Super#252100 on #E7E69E
Aa6.47:1 Good#E7E69E on #525000
Aa6.47:1 Good#525000 on #E7E69E
Aa6.32:1 Good#252100 on #ABA459
Aa6.32:1 Good#ABA459 on #252100
Aa4.39:1 Poor#8F873A on #252100
Aa4.39:1 Poor#252100 on #8F873A

Color blindness preview

CSS variables

/* Lemonade to Desert Locust — https://swatchly.xyz/palette/e7e69e-8f873a-252100-525000-aba459 */
:root {
  --lemonade: #e7e69e;
  --witch-brew: #8f873a;
  --midnight-pines: #252100;
  --godzilla: #525000;
  --desert-locust: #aba459;
}

Tailwind CSS v4

/* Lemonade to Desert Locust — https://swatchly.xyz/palette/e7e69e-8f873a-252100-525000-aba459 */
@theme {
  --color-lemonade: #e7e69e;
  --color-lemonade-50: #feffdb;
  --color-lemonade-100: #f6f6cf;
  --color-lemonade-200: #e7e69e;
  --color-lemonade-300: #cdcd94;
  --color-lemonade-400: #adac6a;
  --color-lemonade-500: #908f49;
  --color-lemonade-600: #74722d;
  --color-lemonade-700: #5c5a18;
  --color-lemonade-800: #474507;
  --color-lemonade-900: #373501;
  --color-lemonade-950: #222100;
  --color-witch-brew: #8f873a;
  --color-witch-brew-50: #fbf7cd;
  --color-witch-brew-100: #f1edbe;
  --color-witch-brew-200: #dfd9a1;
  --color-witch-brew-300: #c9c382;
  --color-witch-brew-400: #aaa35a;
  --color-witch-brew-500: #8f873a;
  --color-witch-brew-600: #756d1e;
  --color-witch-brew-700: #5d5606;
  --color-witch-brew-800: #494300;
  --color-witch-brew-900: #393300;
  --color-witch-brew-950: #232000;
  --color-midnight-pines: #252100;
  --color-midnight-pines-50: #f8f6e1;
  --color-midnight-pines-100: #efedd5;
  --color-midnight-pines-200: #dcd9bd;
  --color-midnight-pines-300: #c6c3a2;
  --color-midnight-pines-400: #a7a380;
  --color-midnight-pines-500: #8c8864;
  --color-midnight-pines-600: #716e4b;
  --color-midnight-pines-700: #5b5738;
  --color-midnight-pines-800: #474429;
  --color-midnight-pines-900: #37351d;
  --color-midnight-pines-950: #252100;
  --color-godzilla: #525000;
  --color-godzilla-50: #f8f8d2;
  --color-godzilla-100: #eeefc4;
  --color-godzilla-200: #d9daa6;
  --color-godzilla-300: #c2c287;
  --color-godzilla-400: #a2a15f;
  --color-godzilla-500: #858440;
  --color-godzilla-600: #696826;
  --color-godzilla-700: #525000;
  --color-godzilla-800: #403e06;
  --color-godzilla-900: #313001;
  --color-godzilla-950: #1e1d00;
  --color-desert-locust: #aba459;
  --color-desert-locust-50: #faf7ce;
  --color-desert-locust-100: #f1eebf;
  --color-desert-locust-200: #dfdaa3;
  --color-desert-locust-300: #c9c484;
  --color-desert-locust-400: #aba459;
  --color-desert-locust-500: #90883d;
  --color-desert-locust-600: #756e22;
  --color-desert-locust-700: #5e570b;
  --color-desert-locust-800: #4a4400;
  --color-desert-locust-900: #393400;
  --color-desert-locust-950: #232000;
}