Lindworm Green to Enchanted Emerald color palette

0F2B15Lindworm Green 00555BAbyssal Waters 548518Avocado 6AB391Electra 67DCA4Enchanted Emerald

About this palette

Lindworm Green to Enchanted Emerald is a 5-color cool, earthy, gradient palette: #0F2B15 (Lindworm Green), #00555B (Abyssal Waters), #548518 (Avocado), #6AB391 (Electra), #67DCA4 (Enchanted Emerald). It mixes green, turquoise tones and feels cool overall. The strongest text pairing is #0F2B15 on #67DCA4 with a contrast ratio of 8.97:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(15, 43, 21)	hsl(133, 48%, 11%)
Abyssal Waters	rgb(0, 85, 91)	hsl(184, 100%, 18%)
Avocado	rgb(84, 133, 24)	hsl(87, 69%, 31%)
Electra	rgb(106, 179, 145)	hsl(152, 32%, 56%)
Enchanted Emerald	rgb(103, 220, 164)	hsl(151, 63%, 63%)

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.97:1 Very good#0F2B15 on #67DCA4
Aa8.97:1 Very good#67DCA4 on #0F2B15
Aa6.15:1 Good#0F2B15 on #6AB391
Aa6.15:1 Good#6AB391 on #0F2B15
Aa5.04:1 Good#00555B on #67DCA4
Aa5.04:1 Good#67DCA4 on #00555B
Aa3.46:1 Poor#00555B on #6AB391
Aa3.46:1 Poor#6AB391 on #00555B

Color blindness preview

CSS variables

/* Lindworm Green to Enchanted Emerald — https://swatchly.xyz/palette/0f2b15-00555b-548518-6ab391-67dca4 */
:root {
  --lindworm-green: #0f2b15;
  --abyssal-waters: #00555b;
  --avocado: #548518;
  --electra: #6ab391;
  --enchanted-emerald: #67dca4;
}

Tailwind CSS v4

/* Lindworm Green to Enchanted Emerald — https://swatchly.xyz/palette/0f2b15-00555b-548518-6ab391-67dca4 */
@theme {
  --color-lindworm-green: #0f2b15;
  --color-lindworm-green-50: #e9fbeb;
  --color-lindworm-green-100: #ddf2df;
  --color-lindworm-green-200: #c7dfc9;
  --color-lindworm-green-300: #aecab1;
  --color-lindworm-green-400: #8cab90;
  --color-lindworm-green-500: #719076;
  --color-lindworm-green-600: #59765d;
  --color-lindworm-green-700: #456049;
  --color-lindworm-green-800: #354d38;
  --color-lindworm-green-900: #283d2b;
  --color-lindworm-green-950: #0f2b15;
  --color-abyssal-waters: #00555b;
  --color-abyssal-waters-50: #ddfcff;
  --color-abyssal-waters-100: #cbf4f8;
  --color-abyssal-waters-200: #b0e2e7;
  --color-abyssal-waters-300: #95ced3;
  --color-abyssal-waters-400: #71b1b7;
  --color-abyssal-waters-500: #53979d;
  --color-abyssal-waters-600: #397d83;
  --color-abyssal-waters-700: #25676d;
  --color-abyssal-waters-800: #00555b;
  --color-abyssal-waters-900: #094146;
  --color-abyssal-waters-950: #012a2d;
  --color-avocado: #548518;
  --color-avocado-50: #e6ffd2;
  --color-avocado-100: #d8fabd;
  --color-avocado-200: #c2eaa1;
  --color-avocado-300: #a9d683;
  --color-avocado-400: #88b95a;
  --color-avocado-500: #6d9f39;
  --color-avocado-600: #548518;
  --color-avocado-700: #3f6a00;
  --color-avocado-800: #305300;
  --color-avocado-900: #244000;
  --color-avocado-950: #152800;
  --color-electra: #6ab391;
  --color-electra-50: #dbffec;
  --color-electra-100: #cbf7e0;
  --color-electra-200: #b0e6cb;
  --color-electra-300: #93d1b2;
  --color-electra-400: #6ab391;
  --color-electra-500: #4e9776;
  --color-electra-600: #337b5d;
  --color-electra-700: #1e6348;
  --color-electra-800: #0e4e36;
  --color-electra-900: #043d29;
  --color-electra-950: #012718;
  --color-enchanted-emerald: #67dca4;
  --color-enchanted-emerald-50: #ddffec;
  --color-enchanted-emerald-100: #bbfdd9;
  --color-enchanted-emerald-200: #9cedc2;
  --color-enchanted-emerald-300: #67dca4;
  --color-enchanted-emerald-400: #49ba86;
  --color-enchanted-emerald-500: #189f6a;
  --color-enchanted-emerald-600: #008054;
  --color-enchanted-emerald-700: #006642;
  --color-enchanted-emerald-800: #005033;
  --color-enchanted-emerald-900: #003e26;
  --color-enchanted-emerald-950: #002716;
}