Pitch-Black Forests to Green Goddess color palette

0C3723Pitch-Black Forests 4E4277Drifting Violet F4C8D2Oh so Pink 7E69A7Scampi 79AA86Green Goddess

About this palette

Pitch-Black Forests to Green Goddess is a 5-color cool palette: #0C3723 (Pitch-Black Forests), #4E4277 (Drifting Violet), #F4C8D2 (Oh so Pink), #7E69A7 (Scampi), #79AA86 (Green Goddess). It mixes green, purple, pink tones and feels cool overall. The strongest text pairing is #0C3723 on #F4C8D2 with a contrast ratio of 8.85:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pitch-Black Forests	rgb(12, 55, 35)	hsl(152, 64%, 13%)
Drifting Violet	rgb(78, 66, 119)	hsl(254, 29%, 36%)
Oh so Pink	rgb(244, 200, 210)	hsl(346, 67%, 87%)
Scampi	rgb(126, 105, 167)	hsl(260, 26%, 53%)
Green Goddess	rgb(121, 170, 134)	hsl(136, 22%, 57%)

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.85:1 Very good#0C3723 on #F4C8D2
Aa8.85:1 Very good#F4C8D2 on #0C3723
Aa5.92:1 Good#4E4277 on #F4C8D2
Aa5.92:1 Good#F4C8D2 on #4E4277
Aa4.98:1 Good#0C3723 on #79AA86
Aa4.98:1 Good#79AA86 on #0C3723
Aa3.34:1 Poor#4E4277 on #79AA86
Aa3.34:1 Poor#79AA86 on #4E4277

Color blindness preview

CSS variables

/* Pitch-Black Forests to Green Goddess — https://swatchly.xyz/palette/0c3723-4e4277-f4c8d2-7e69a7-79aa86 */
:root {
  --pitch-black-forests: #0c3723;
  --drifting-violet: #4e4277;
  --oh-so-pink: #f4c8d2;
  --scampi: #7e69a7;
  --green-goddess: #79aa86;
}

Tailwind CSS v4

/* Pitch-Black Forests to Green Goddess — https://swatchly.xyz/palette/0c3723-4e4277-f4c8d2-7e69a7-79aa86 */
@theme {
  --color-pitch-black-forests: #0c3723;
  --color-pitch-black-forests-50: #e4fced;
  --color-pitch-black-forests-100: #d7f3e2;
  --color-pitch-black-forests-200: #c0e1cd;
  --color-pitch-black-forests-300: #a6cbb5;
  --color-pitch-black-forests-400: #82ac94;
  --color-pitch-black-forests-500: #659077;
  --color-pitch-black-forests-600: #4b745d;
  --color-pitch-black-forests-700: #365b47;
  --color-pitch-black-forests-800: #264635;
  --color-pitch-black-forests-900: #0c3723;
  --color-pitch-black-forests-950: #0d2016;
  --color-drifting-violet: #4e4277;
  --color-drifting-violet-50: #f5f3ff;
  --color-drifting-violet-100: #ebe8ff;
  --color-drifting-violet-200: #d6cefe;
  --color-drifting-violet-300: #beb5ea;
  --color-drifting-violet-400: #9e93cd;
  --color-drifting-violet-500: #8176af;
  --color-drifting-violet-600: #655a90;
  --color-drifting-violet-700: #4e4277;
  --color-drifting-violet-800: #3c335c;
  --color-drifting-violet-900: #2e2749;
  --color-drifting-violet-950: #1c172f;
  --color-oh-so-pink: #f4c8d2;
  --color-oh-so-pink-50: #ffeff2;
  --color-oh-so-pink-100: #fee1e7;
  --color-oh-so-pink-200: #f4c8d2;
  --color-oh-so-pink-300: #d9b4bc;
  --color-oh-so-pink-400: #bc949d;
  --color-oh-so-pink-500: #a17982;
  --color-oh-so-pink-600: #855f68;
  --color-oh-so-pink-700: #6c4a52;
  --color-oh-so-pink-800: #563940;
  --color-oh-so-pink-900: #432b31;
  --color-oh-so-pink-950: #2b191e;
  --color-scampi: #7e69a7;
  --color-scampi-50: #f6f3ff;
  --color-scampi-100: #efe9ff;
  --color-scampi-200: #e0d3ff;
  --color-scampi-300: #cdbcf4;
  --color-scampi-400: #b09dda;
  --color-scampi-500: #9782c2;
  --color-scampi-600: #7e69a7;
  --color-scampi-700: #65518a;
  --color-scampi-800: #4f3d70;
  --color-scampi-900: #3d2e58;
  --color-scampi-950: #261b3a;
  --color-green-goddess: #79aa86;
  --color-green-goddess-50: #dffce6;
  --color-green-goddess-100: #d2f2d9;
  --color-green-goddess-200: #b9dfc2;
  --color-green-goddess-300: #9ec9a8;
  --color-green-goddess-400: #79aa86;
  --color-green-goddess-500: #5f8f6c;
  --color-green-goddess-600: #477554;
  --color-green-goddess-700: #345e40;
  --color-green-goddess-800: #254a31;
  --color-green-goddess-900: #1a3a24;
  --color-green-goddess-950: #0e2515;
}