Lindworm Green to Genie Color Palette

About this palette

Lindworm Green to Genie is a 5-color warm, earthy, vintage palette: #2A2500 (Lindworm Green), #A8A965 (Matcha Mecha), #E0E3B5 (April Showers), #7D5DB1 (Simply Purple), #493F5D (Genie). It mixes brown, yellow, purple tones and feels warm overall. The strongest text pairing is #2A2500 on #E0E3B5 with a contrast ratio of 11.61:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(42, 37, 0)	hsl(53, 100%, 8%)
Matcha Mecha	rgb(168, 169, 101)	hsl(61, 28%, 53%)
April Showers	rgb(224, 227, 181)	hsl(64, 45%, 80%)
Simply Purple	rgb(125, 93, 177)	hsl(263, 35%, 53%)
Genie	rgb(73, 63, 93)	hsl(260, 19%, 31%)

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.

Aa11.61:1 Very good#2A2500 on #E0E3B5
Aa11.61:1 Very good#E0E3B5 on #2A2500
Aa7.35:1 Very good#E0E3B5 on #493F5D
Aa7.35:1 Very good#493F5D on #E0E3B5
Aa6.26:1 Good#2A2500 on #A8A965
Aa6.26:1 Good#A8A965 on #2A2500
Aa3.96:1 Poor#A8A965 on #493F5D
Aa3.96:1 Poor#493F5D on #A8A965

Color blindness preview

CSS variables

/* Lindworm Green to Genie — https://swatchly.xyz/palette/2a2500-a8a965-e0e3b5-7d5db1-493f5d */
:root {
  --lindworm-green: #2a2500;
  --matcha-mecha: #a8a965;
  --april-showers: #e0e3b5;
  --simply-purple: #7d5db1;
  --genie: #493f5d;
}

Tailwind CSS v4

/* Lindworm Green to Genie — https://swatchly.xyz/palette/2a2500-a8a965-e0e3b5-7d5db1-493f5d */
@theme {
  --color-lindworm-green: #2a2500;
  --color-lindworm-green-50: #f9f6e0;
  --color-lindworm-green-100: #efecd3;
  --color-lindworm-green-200: #dcd9bb;
  --color-lindworm-green-300: #c7c3a0;
  --color-lindworm-green-400: #a8a37d;
  --color-lindworm-green-500: #8e8962;
  --color-lindworm-green-600: #746f4a;
  --color-lindworm-green-700: #5e5937;
  --color-lindworm-green-800: #4b4729;
  --color-lindworm-green-900: #3c381e;
  --color-lindworm-green-950: #2a2500;
  --color-matcha-mecha: #a8a965;
  --color-matcha-mecha-50: #f8f9d4;
  --color-matcha-mecha-100: #eff0c6;
  --color-matcha-mecha-200: #dcdeab;
  --color-matcha-mecha-300: #c6c88e;
  --color-matcha-mecha-400: #a8a965;
  --color-matcha-mecha-500: #8c8d4a;
  --color-matcha-mecha-600: #71712f;
  --color-matcha-mecha-700: #5a5a1b;
  --color-matcha-mecha-800: #46460c;
  --color-matcha-mecha-900: #363603;
  --color-matcha-mecha-950: #212100;
  --color-april-showers: #e0e3b5;
  --color-april-showers-50: #fbfce5;
  --color-april-showers-100: #f2f4d9;
  --color-april-showers-200: #e0e3b5;
  --color-april-showers-300: #c8caa5;
  --color-april-showers-400: #a7aa80;
  --color-april-showers-500: #8b8d62;
  --color-april-showers-600: #6f7148;
  --color-april-showers-700: #585934;
  --color-april-showers-800: #444524;
  --color-april-showers-900: #343519;
  --color-april-showers-950: #20210c;
  --color-simply-purple: #7d5db1;
  --color-simply-purple-50: #f6f3ff;
  --color-simply-purple-100: #efe8ff;
  --color-simply-purple-200: #dfd1ff;
  --color-simply-purple-300: #ceb4ff;
  --color-simply-purple-400: #b193e7;
  --color-simply-purple-500: #9777cd;
  --color-simply-purple-600: #7d5db1;
  --color-simply-purple-700: #644793;
  --color-simply-purple-800: #4f3478;
  --color-simply-purple-900: #3d265f;
  --color-simply-purple-950: #27163f;
  --color-genie: #493f5d;
  --color-genie-50: #f6f3ff;
  --color-genie-100: #eee7fe;
  --color-genie-200: #dbd2ee;
  --color-genie-300: #c5bcda;
  --color-genie-400: #a79cbe;
  --color-genie-500: #8c81a3;
  --color-genie-600: #726888;
  --color-genie-700: #5b526f;
  --color-genie-800: #493f5d;
  --color-genie-900: #383146;
  --color-genie-950: #231e2d;
}