Realm of the Underworld to Celadon color palette

044315Realm of the Underworld 865474Plum Highness A86F9DDrama Queen D195BDExotic Lilac A7E4B0Celadon

Open in generator Export PNG, PDF, ASE…

About this palette

Realm of the Underworld to Celadon is a 5-color warm, vintage palette: #044315 (Realm of the Underworld), #865474 (Plum Highness), #A86F9D (Drama Queen), #D195BD (Exotic Lilac), #A7E4B0 (Celadon). It mixes green, red, pink tones and feels warm overall. The strongest text pairing is #044315 on #A7E4B0 with a contrast ratio of 7.90:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Realm of the Underworld	rgb(4, 67, 21)	hsl(136, 89%, 14%)
Plum Highness	rgb(134, 84, 116)	hsl(322, 23%, 43%)
Drama Queen	rgb(168, 111, 157)	hsl(312, 25%, 55%)
Exotic Lilac	rgb(209, 149, 189)	hsl(320, 39%, 70%)
Celadon	rgb(167, 228, 176)	hsl(129, 53%, 77%)

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.90:1 Very good#044315 on #A7E4B0
Aa7.90:1 Very good#A7E4B0 on #044315
Aa4.81:1 Good#044315 on #D195BD
Aa4.81:1 Good#D195BD on #044315
Aa4.07:1 Poor#865474 on #A7E4B0
Aa4.07:1 Poor#A7E4B0 on #865474

Color blindness preview

CSS variables

/* Realm of the Underworld to Celadon — https://swatchly.xyz/palette/044315-865474-a86f9d-d195bd-a7e4b0 */
:root {
  --realm-of-the-underworld: #044315;
  --plum-highness: #865474;
  --drama-queen: #a86f9d;
  --exotic-lilac: #d195bd;
  --celadon: #a7e4b0;
}

Tailwind CSS v4

/* Realm of the Underworld to Celadon — https://swatchly.xyz/palette/044315-865474-a86f9d-d195bd-a7e4b0 */
@theme {
  --color-realm-of-the-underworld: #044315;
  --color-realm-of-the-underworld-50: #e0ffe2;
  --color-realm-of-the-underworld-100: #d2f7d5;
  --color-realm-of-the-underworld-200: #b9e5bd;
  --color-realm-of-the-underworld-300: #9ed0a2;
  --color-realm-of-the-underworld-400: #7bb281;
  --color-realm-of-the-underworld-500: #5f9765;
  --color-realm-of-the-underworld-600: #467d4d;
  --color-realm-of-the-underworld-700: #326539;
  --color-realm-of-the-underworld-800: #23512a;
  --color-realm-of-the-underworld-900: #044315;
  --color-realm-of-the-underworld-950: #0c2911;
  --color-plum-highness: #865474;
  --color-plum-highness-50: #fff0f9;
  --color-plum-highness-100: #ffe0f2;
  --color-plum-highness-200: #f2c7e1;
  --color-plum-highness-300: #deadcb;
  --color-plum-highness-400: #c08bac;
  --color-plum-highness-500: #a36f90;
  --color-plum-highness-600: #865474;
  --color-plum-highness-700: #6c415d;
  --color-plum-highness-800: #573149;
  --color-plum-highness-900: #442439;
  --color-plum-highness-950: #2c1524;
  --color-drama-queen: #a86f9d;
  --color-drama-queen-50: #fff0fb;
  --color-drama-queen-100: #ffe0f8;
  --color-drama-queen-200: #f5c6eb;
  --color-drama-queen-300: #e1add6;
  --color-drama-queen-400: #c48bb8;
  --color-drama-queen-500: #a86f9d;
  --color-drama-queen-600: #8b5681;
  --color-drama-queen-700: #724169;
  --color-drama-queen-800: #5b3053;
  --color-drama-queen-900: #482441;
  --color-drama-queen-950: #2e142a;
  --color-exotic-lilac: #d195bd;
  --color-exotic-lilac-50: #fff5fb;
  --color-exotic-lilac-100: #ffe9f7;
  --color-exotic-lilac-200: #fbcfec;
  --color-exotic-lilac-300: #eab7d8;
  --color-exotic-lilac-400: #d195bd;
  --color-exotic-lilac-500: #b2789f;
  --color-exotic-lilac-600: #945d82;
  --color-exotic-lilac-700: #784668;
  --color-exotic-lilac-800: #5f3452;
  --color-exotic-lilac-900: #4a253f;
  --color-exotic-lilac-950: #2f1527;
  --color-celadon: #a7e4b0;
  --color-celadon-50: #dafcde;
  --color-celadon-100: #ccf3d1;
  --color-celadon-200: #a7e4b0;
  --color-celadon-300: #98cc9f;
  --color-celadon-400: #75ae7e;
  --color-celadon-500: #599464;
  --color-celadon-600: #41794b;
  --color-celadon-700: #2e6238;
  --color-celadon-800: #1f4e29;
  --color-celadon-900: #143c1e;
  --color-celadon-950: #092610;
}