Pitch-Black Forests to Candied Snow color palette

003020Pitch-Black Forests 4E5812Turf 768F00Asparagus Sultan 00D9BFIce Climber E1FFF1Candied Snow

About this palette

Pitch-Black Forests to Candied Snow is a 5-color cool, earthy, gradient palette: #003020 (Pitch-Black Forests), #4E5812 (Turf), #768F00 (Asparagus Sultan), #00D9BF (Ice Climber), #E1FFF1 (Candied Snow). It mixes green, turquoise, white tones and feels cool overall. The strongest text pairing is #003020 on #E1FFF1 with a contrast ratio of 13.70:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pitch-Black Forests	rgb(0, 48, 32)	hsl(160, 100%, 9%)
Turf	rgb(78, 88, 18)	hsl(69, 66%, 21%)
Asparagus Sultan	rgb(118, 143, 0)	hsl(70, 100%, 28%)
Ice Climber	rgb(0, 217, 191)	hsl(173, 100%, 43%)
Candied Snow	rgb(225, 255, 241)	hsl(152, 100%, 94%)

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.

Aa13.70:1 Super#003020 on #E1FFF1
Aa13.70:1 Super#E1FFF1 on #003020
Aa8.09:1 Very good#003020 on #00D9BF
Aa8.09:1 Very good#00D9BF on #003020
Aa7.25:1 Very good#4E5812 on #E1FFF1
Aa7.25:1 Very good#E1FFF1 on #4E5812
Aa4.28:1 Poor#4E5812 on #00D9BF
Aa4.28:1 Poor#00D9BF on #4E5812

Color blindness preview

CSS variables

/* Pitch-Black Forests to Candied Snow — https://swatchly.xyz/palette/003020-4e5812-768f00-00d9bf-e1fff1 */
:root {
  --pitch-black-forests: #003020;
  --turf: #4e5812;
  --asparagus-sultan: #768f00;
  --ice-climber: #00d9bf;
  --candied-snow: #e1fff1;
}

Tailwind CSS v4

/* Pitch-Black Forests to Candied Snow — https://swatchly.xyz/palette/003020-4e5812-768f00-00d9bf-e1fff1 */
@theme {
  --color-pitch-black-forests: #003020;
  --color-pitch-black-forests-50: #e3fcf0;
  --color-pitch-black-forests-100: #d6f3e5;
  --color-pitch-black-forests-200: #bee1d0;
  --color-pitch-black-forests-300: #a4ccb9;
  --color-pitch-black-forests-400: #81ad99;
  --color-pitch-black-forests-500: #67937f;
  --color-pitch-black-forests-600: #4e7a67;
  --color-pitch-black-forests-700: #3b6452;
  --color-pitch-black-forests-800: #2d5141;
  --color-pitch-black-forests-900: #214234;
  --color-pitch-black-forests-950: #003020;
  --color-turf: #4e5812;
  --color-turf-50: #f2fad4;
  --color-turf-100: #e8f1c6;
  --color-turf-200: #d3ddab;
  --color-turf-300: #bbc78d;
  --color-turf-400: #9ba767;
  --color-turf-500: #7f8b49;
  --color-turf-600: #656f2f;
  --color-turf-700: #4e5812;
  --color-turf-800: #3d450e;
  --color-turf-900: #2e3506;
  --color-turf-950: #1c2102;
  --color-asparagus-sultan: #768f00;
  --color-asparagus-sultan-50: #ecfec1;
  --color-asparagus-sultan-100: #e0f4af;
  --color-asparagus-sultan-200: #cae18e;
  --color-asparagus-sultan-300: #b2cb6a;
  --color-asparagus-sultan-400: #92ab3a;
  --color-asparagus-sultan-500: #768f00;
  --color-asparagus-sultan-600: #5f7300;
  --color-asparagus-sultan-700: #4b5b00;
  --color-asparagus-sultan-800: #3a4800;
  --color-asparagus-sultan-900: #2c3700;
  --color-asparagus-sultan-950: #1b2300;
  --color-ice-climber: #00d9bf;
  --color-ice-climber-50: #ccfff4;
  --color-ice-climber-100: #a0fcea;
  --color-ice-climber-200: #77ebd6;
  --color-ice-climber-300: #00d9bf;
  --color-ice-climber-400: #00b6a0;
  --color-ice-climber-500: #009885;
  --color-ice-climber-600: #007b6b;
  --color-ice-climber-700: #006255;
  --color-ice-climber-800: #004d43;
  --color-ice-climber-900: #003c34;
  --color-ice-climber-950: #002620;
  --color-candied-snow: #e1fff1;
  --color-candied-snow-50: #e1fff1;
  --color-candied-snow-100: #e0f1e9;
  --color-candied-snow-200: #c9ded4;
  --color-candied-snow-300: #b0c8bd;
  --color-candied-snow-400: #8ea99d;
  --color-candied-snow-500: #728e81;
  --color-candied-snow-600: #597367;
  --color-candied-snow-700: #445b51;
  --color-candied-snow-800: #33483f;
  --color-candied-snow-900: #263730;
  --color-candied-snow-950: #16221d;
}