Lindworm Green to Turquoise Pearl color palette

292700Lindworm Green 9C1640Cranberry 5B71CBSerenity’s Reign 00C1B4Turquoise 7FF8EFTurquoise Pearl

About this palette

Lindworm Green to Turquoise Pearl is a 5-color cool palette: #292700 (Lindworm Green), #9C1640 (Cranberry), #5B71CB (Serenity’s Reign), #00C1B4 (Turquoise), #7FF8EF (Turquoise Pearl). It mixes brown, red, blue, turquoise tones and feels cool overall. The strongest text pairing is #292700 on #7FF8EF with a contrast ratio of 11.97:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(41, 39, 0)	hsl(57, 100%, 8%)
Cranberry	rgb(156, 22, 64)	hsl(341, 75%, 35%)
Serenity’s Reign	rgb(91, 113, 203)	hsl(228, 52%, 58%)
Turquoise	rgb(0, 193, 180)	hsl(176, 100%, 38%)
Turquoise Pearl	rgb(127, 248, 239)	hsl(176, 90%, 74%)

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.97:1 Very good#292700 on #7FF8EF
Aa11.97:1 Very good#7FF8EF on #292700
Aa6.71:1 Good#292700 on #00C1B4
Aa6.71:1 Good#00C1B4 on #292700
Aa6.37:1 Good#9C1640 on #7FF8EF
Aa6.37:1 Good#7FF8EF on #9C1640
Aa3.57:1 Poor#9C1640 on #00C1B4
Aa3.57:1 Poor#00C1B4 on #9C1640

Color blindness preview

CSS variables

/* Lindworm Green to Turquoise Pearl — https://swatchly.xyz/palette/292700-9c1640-5b71cb-00c1b4-7ff8ef */
:root {
  --lindworm-green: #292700;
  --cranberry: #9c1640;
  --serenity-s-reign: #5b71cb;
  --turquoise: #00c1b4;
  --turquoise-pearl: #7ff8ef;
}

Tailwind CSS v4

/* Lindworm Green to Turquoise Pearl — https://swatchly.xyz/palette/292700-9c1640-5b71cb-00c1b4-7ff8ef */
@theme {
  --color-lindworm-green: #292700;
  --color-lindworm-green-50: #f7f7df;
  --color-lindworm-green-100: #ededd3;
  --color-lindworm-green-200: #dadaba;
  --color-lindworm-green-300: #c4c4a0;
  --color-lindworm-green-400: #a5a47d;
  --color-lindworm-green-500: #8b8a62;
  --color-lindworm-green-600: #72714a;
  --color-lindworm-green-700: #5c5b37;
  --color-lindworm-green-800: #4a4929;
  --color-lindworm-green-900: #3b3a1e;
  --color-lindworm-green-950: #292700;
  --color-cranberry: #9c1640;
  --color-cranberry-50: #fff1f3;
  --color-cranberry-100: #ffe3e6;
  --color-cranberry-200: #ffc7ce;
  --color-cranberry-300: #ffa3b1;
  --color-cranberry-400: #f3728b;
  --color-cranberry-500: #d7536f;
  --color-cranberry-600: #b63656;
  --color-cranberry-700: #9c1640;
  --color-cranberry-800: #7c0f31;
  --color-cranberry-900: #630424;
  --color-cranberry-950: #410015;
  --color-serenity-s-reign: #5b71cb;
  --color-serenity-s-reign-50: #f1f5ff;
  --color-serenity-s-reign-100: #e7edff;
  --color-serenity-s-reign-200: #d0dbff;
  --color-serenity-s-reign-300: #b4c6ff;
  --color-serenity-s-reign-400: #8ca5fe;
  --color-serenity-s-reign-500: #738be6;
  --color-serenity-s-reign-600: #5b71cb;
  --color-serenity-s-reign-700: #4557ab;
  --color-serenity-s-reign-800: #33428c;
  --color-serenity-s-reign-900: #253170;
  --color-serenity-s-reign-950: #151d4b;
  --color-turquoise: #00c1b4;
  --color-turquoise-50: #e0fffb;
  --color-turquoise-100: #b6fff6;
  --color-turquoise-200: #92f0e5;
  --color-turquoise-300: #6addd1;
  --color-turquoise-400: #00c1b4;
  --color-turquoise-500: #00a096;
  --color-turquoise-600: #008178;
  --color-turquoise-700: #00665f;
  --color-turquoise-800: #00504a;
  --color-turquoise-900: #003d38;
  --color-turquoise-950: #002622;
  --color-turquoise-pearl: #7ff8ef;
  --color-turquoise-pearl-50: #effffd;
  --color-turquoise-pearl-100: #cafffa;
  --color-turquoise-pearl-200: #7ff8ef;
  --color-turquoise-pearl-300: #7ddbd4;
  --color-turquoise-pearl-400: #47bcb4;
  --color-turquoise-pearl-500: #009f98;
  --color-turquoise-pearl-600: #007f79;
  --color-turquoise-pearl-700: #00645f;
  --color-turquoise-pearl-800: #004d49;
  --color-turquoise-pearl-900: #003c39;
  --color-turquoise-pearl-950: #002523;
}