Pitch-Black Forests to Exotic Lilac color palette

003428Pitch-Black Forests FFEDF4Sugar Coated 005C4CEvergreen AF5689Purple Zergling D192B4Exotic Lilac

Open in generator Export PNG, PDF, ASE…

About this palette

Pitch-Black Forests to Exotic Lilac is a 5-color vintage palette: #003428 (Pitch-Black Forests), #FFEDF4 (Sugar Coated), #005C4C (Evergreen), #AF5689 (Purple Zergling), #D192B4 (Exotic Lilac). It mixes turquoise, white, red, pink tones and feels balanced overall. The strongest text pairing is #003428 on #FFEDF4 with a contrast ratio of 12.27:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pitch-Black Forests	rgb(0, 52, 40)	hsl(166, 100%, 10%)
Sugar Coated	rgb(255, 237, 244)	hsl(337, 100%, 96%)
Evergreen	rgb(0, 92, 76)	hsl(170, 100%, 18%)
Purple Zergling	rgb(175, 86, 137)	hsl(326, 36%, 51%)
Exotic Lilac	rgb(209, 146, 180)	hsl(328, 41%, 70%)

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.

Aa12.27:1 Super#003428 on #FFEDF4
Aa12.27:1 Super#FFEDF4 on #003428
Aa7.09:1 Very good#FFEDF4 on #005C4C
Aa7.09:1 Very good#005C4C on #FFEDF4
Aa5.57:1 Good#003428 on #D192B4
Aa5.57:1 Good#D192B4 on #003428
Aa4.14:1 Poor#FFEDF4 on #AF5689
Aa4.14:1 Poor#AF5689 on #FFEDF4

Color blindness preview

CSS variables

/* Pitch-Black Forests to Exotic Lilac — https://swatchly.xyz/palette/003428-ffedf4-005c4c-af5689-d192b4 */
:root {
  --pitch-black-forests: #003428;
  --sugar-coated: #ffedf4;
  --evergreen: #005c4c;
  --purple-zergling: #af5689;
  --exotic-lilac: #d192b4;
}

Tailwind CSS v4

/* Pitch-Black Forests to Exotic Lilac — https://swatchly.xyz/palette/003428-ffedf4-005c4c-af5689-d192b4 */
@theme {
  --color-pitch-black-forests: #003428;
  --color-pitch-black-forests-50: #e1fcf3;
  --color-pitch-black-forests-100: #d5f3e8;
  --color-pitch-black-forests-200: #bde1d4;
  --color-pitch-black-forests-300: #a2cbbd;
  --color-pitch-black-forests-400: #7eab9c;
  --color-pitch-black-forests-500: #608e7f;
  --color-pitch-black-forests-600: #457264;
  --color-pitch-black-forests-700: #30594d;
  --color-pitch-black-forests-800: #214339;
  --color-pitch-black-forests-900: #003428;
  --color-pitch-black-forests-950: #0a1e18;
  --color-sugar-coated: #ffedf4;
  --color-sugar-coated-50: #ffedf4;
  --color-sugar-coated-100: #f1e6ea;
  --color-sugar-coated-200: #dfd2d7;
  --color-sugar-coated-300: #cabbc1;
  --color-sugar-coated-400: #ac9ca2;
  --color-sugar-coated-500: #918187;
  --color-sugar-coated-600: #76676d;
  --color-sugar-coated-700: #5f5156;
  --color-sugar-coated-800: #4a3f43;
  --color-sugar-coated-900: #3a3034;
  --color-sugar-coated-950: #241d20;
  --color-evergreen: #005c4c;
  --color-evergreen-50: #d9fff4;
  --color-evergreen-100: #caf7e9;
  --color-evergreen-200: #ade4d4;
  --color-evergreen-300: #8ecdbc;
  --color-evergreen-400: #67ad9b;
  --color-evergreen-500: #47917f;
  --color-evergreen-600: #2b7463;
  --color-evergreen-700: #005c4c;
  --color-evergreen-800: #06473b;
  --color-evergreen-900: #01372d;
  --color-evergreen-950: #00231b;
  --color-purple-zergling: #af5689;
  --color-purple-zergling-50: #ffedf6;
  --color-purple-zergling-100: #ffdbed;
  --color-purple-zergling-200: #ffb8dd;
  --color-purple-zergling-300: #ee99c7;
  --color-purple-zergling-400: #ce74a6;
  --color-purple-zergling-500: #af5689;
  --color-purple-zergling-600: #923f70;
  --color-purple-zergling-700: #782e5a;
  --color-purple-zergling-800: #622048;
  --color-purple-zergling-900: #4e1739;
  --color-purple-zergling-950: #340c24;
  --color-exotic-lilac: #d192b4;
  --color-exotic-lilac-50: #fff4f9;
  --color-exotic-lilac-100: #ffe7f3;
  --color-exotic-lilac-200: #fccce5;
  --color-exotic-lilac-300: #eab4d1;
  --color-exotic-lilac-400: #d192b4;
  --color-exotic-lilac-500: #b27697;
  --color-exotic-lilac-600: #945b7b;
  --color-exotic-lilac-700: #794562;
  --color-exotic-lilac-800: #60334d;
  --color-exotic-lilac-900: #4b253b;
  --color-exotic-lilac-950: #301524;
}