Ghoul to Elite Teal Color Palette

About this palette

Ghoul to Elite Teal is a 5-color cool palette: #637641 (Ghoul), #A691BF (Enchanted Lilac), #563940 (Monkey Island), #C3D09B (In Good Taste), #073832 (Elite Teal). It mixes green, purple, red, turquoise tones and feels cool overall. The strongest text pairing is #C3D09B on #073832 with a contrast ratio of 7.91:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ghoul	rgb(99, 118, 65)	hsl(82, 29%, 36%)
Enchanted Lilac	rgb(166, 145, 191)	hsl(267, 26%, 66%)
Monkey Island	rgb(86, 57, 64)	hsl(346, 20%, 28%)
In Good Taste	rgb(195, 208, 155)	hsl(75, 36%, 71%)
Elite Teal	rgb(7, 56, 50)	hsl(173, 78%, 12%)

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.

Aa7.91:1 Very good#C3D09B on #073832
Aa7.91:1 Very good#073832 on #C3D09B
Aa6.24:1 Good#563940 on #C3D09B
Aa6.24:1 Good#C3D09B on #563940
Aa4.58:1 Good#A691BF on #073832
Aa4.58:1 Good#073832 on #A691BF
Aa3.61:1 Poor#A691BF on #563940
Aa3.61:1 Poor#563940 on #A691BF

Color blindness preview

CSS variables

/* Ghoul to Elite Teal — https://swatchly.xyz/palette/637641-a691bf-563940-c3d09b-073832 */
:root {
  --ghoul: #637641;
  --enchanted-lilac: #a691bf;
  --monkey-island: #563940;
  --in-good-taste: #c3d09b;
  --elite-teal: #073832;
}

Tailwind CSS v4

/* Ghoul to Elite Teal — https://swatchly.xyz/palette/637641-a691bf-563940-c3d09b-073832 */
@theme {
  --color-ghoul: #637641;
  --color-ghoul-50: #eefbdb;
  --color-ghoul-100: #e4f2cf;
  --color-ghoul-200: #cfe0b6;
  --color-ghoul-300: #b8ca9b;
  --color-ghoul-400: #98ac77;
  --color-ghoul-500: #7d915b;
  --color-ghoul-600: #637641;
  --color-ghoul-700: #4d5e2e;
  --color-ghoul-800: #3b4a1f;
  --color-ghoul-900: #2d3914;
  --color-ghoul-950: #1b2309;
  --color-enchanted-lilac: #a691bf;
  --color-enchanted-lilac-50: #f6f0ff;
  --color-enchanted-lilac-100: #efe2ff;
  --color-enchanted-lilac-200: #dccbf0;
  --color-enchanted-lilac-300: #c5b2dc;
  --color-enchanted-lilac-400: #a691bf;
  --color-enchanted-lilac-500: #8b77a3;
  --color-enchanted-lilac-600: #725e88;
  --color-enchanted-lilac-700: #5b496f;
  --color-enchanted-lilac-800: #483959;
  --color-enchanted-lilac-900: #382b47;
  --color-enchanted-lilac-950: #241a2e;
  --color-monkey-island: #563940;
  --color-monkey-island-50: #fff1f4;
  --color-monkey-island-100: #fce4e9;
  --color-monkey-island-200: #ebcfd5;
  --color-monkey-island-300: #d6b8be;
  --color-monkey-island-400: #b9979f;
  --color-monkey-island-500: #9d7c83;
  --color-monkey-island-600: #816269;
  --color-monkey-island-700: #694c53;
  --color-monkey-island-800: #563940;
  --color-monkey-island-900: #412c31;
  --color-monkey-island-950: #291b1e;
  --color-in-good-taste: #c3d09b;
  --color-in-good-taste-50: #f6fde1;
  --color-in-good-taste-100: #edf5d6;
  --color-in-good-taste-200: #dae3be;
  --color-in-good-taste-300: #c3d09b;
  --color-in-good-taste-400: #a3ae7e;
  --color-in-good-taste-500: #86925f;
  --color-in-good-taste-600: #6a7545;
  --color-in-good-taste-700: #535d30;
  --color-in-good-taste-800: #404821;
  --color-in-good-taste-900: #303715;
  --color-in-good-taste-950: #1d220a;
  --color-elite-teal: #073832;
  --color-elite-teal-50: #e2fcf7;
  --color-elite-teal-100: #d5f3ed;
  --color-elite-teal-200: #bde0d9;
  --color-elite-teal-300: #a3cbc3;
  --color-elite-teal-400: #7faba3;
  --color-elite-teal-500: #628f88;
  --color-elite-teal-600: #48746c;
  --color-elite-teal-700: #345c55;
  --color-elite-teal-800: #244742;
  --color-elite-teal-900: #073832;
  --color-elite-teal-950: #0c211e;
}