Snow White to Pitch-Black Forests color palette

E9FFF0Snow White FF94CBPastel Magenta 53A87CJubilant Jade A34076Grape Riot 66234APretty in Prune 00321FPitch-Black Forests

Open in generator Export PNG, PDF, ASE…

About this palette

Snow White to Pitch-Black Forests is a 6-color vintage palette: #E9FFF0 (Snow White), #FF94CB (Pastel Magenta), #53A87C (Jubilant Jade), #A34076 (Grape Riot), #66234A (Pretty in Prune), #00321F (Pitch-Black Forests). It mixes white, pink, green, red tones and feels warm overall. The strongest text pairing is #E9FFF0 on #00321F with a contrast ratio of 13.57:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Snow White	rgb(233, 255, 240)	hsl(139, 100%, 96%)
Pastel Magenta	rgb(255, 148, 203)	hsl(329, 100%, 79%)
Jubilant Jade	rgb(83, 168, 124)	hsl(149, 34%, 49%)
Grape Riot	rgb(163, 64, 118)	hsl(327, 44%, 45%)
Pretty in Prune	rgb(102, 35, 74)	hsl(325, 49%, 27%)
Pitch-Black Forests	rgb(0, 50, 31)	hsl(157, 100%, 10%)

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.57:1 Super#E9FFF0 on #00321F
Aa13.57:1 Super#00321F on #E9FFF0
Aa10.52:1 Very good#E9FFF0 on #66234A
Aa10.52:1 Very good#66234A on #E9FFF0
Aa7.01:1 Very good#FF94CB on #00321F
Aa7.01:1 Very good#00321F on #FF94CB
Aa5.64:1 Good#E9FFF0 on #A34076
Aa5.64:1 Good#A34076 on #E9FFF0

Color blindness preview

CSS variables

/* Snow White to Pitch-Black Forests — https://swatchly.xyz/palette/e9fff0-ff94cb-53a87c-a34076-66234a-00321f */
:root {
  --snow-white: #e9fff0;
  --pastel-magenta: #ff94cb;
  --jubilant-jade: #53a87c;
  --grape-riot: #a34076;
  --pretty-in-prune: #66234a;
  --pitch-black-forests: #00321f;
}

Tailwind CSS v4

/* Snow White to Pitch-Black Forests — https://swatchly.xyz/palette/e9fff0-ff94cb-53a87c-a34076-66234a-00321f */
@theme {
  --color-snow-white: #e9fff0;
  --color-snow-white-50: #e9fff0;
  --color-snow-white-100: #e5f2e9;
  --color-snow-white-200: #cfded4;
  --color-snow-white-300: #b6c8bc;
  --color-snow-white-400: #95a89b;
  --color-snow-white-500: #798c7f;
  --color-snow-white-600: #5e7165;
  --color-snow-white-700: #495a4f;
  --color-snow-white-800: #38473d;
  --color-snow-white-900: #2a362e;
  --color-snow-white-950: #19221c;
  --color-pastel-magenta: #ff94cb;
  --color-pastel-magenta-50: #ffedf5;
  --color-pastel-magenta-100: #ffddec;
  --color-pastel-magenta-200: #ffbddd;
  --color-pastel-magenta-300: #ff94cb;
  --color-pastel-magenta-400: #dc77ac;
  --color-pastel-magenta-500: #c05b91;
  --color-pastel-magenta-600: #a14277;
  --color-pastel-magenta-700: #852e60;
  --color-pastel-magenta-800: #6c1f4c;
  --color-pastel-magenta-900: #57153b;
  --color-pastel-magenta-950: #390925;
  --color-jubilant-jade: #53a87c;
  --color-jubilant-jade-50: #cefee1;
  --color-jubilant-jade-100: #bcf3d3;
  --color-jubilant-jade-200: #9edfba;
  --color-jubilant-jade-300: #7dc89f;
  --color-jubilant-jade-400: #53a87c;
  --color-jubilant-jade-500: #388e64;
  --color-jubilant-jade-600: #1d754d;
  --color-jubilant-jade-700: #065f3b;
  --color-jubilant-jade-800: #004b2e;
  --color-jubilant-jade-900: #003c23;
  --color-jubilant-jade-950: #002715;
  --color-grape-riot: #a34076;
  --color-grape-riot-50: #fff1f7;
  --color-grape-riot-100: #ffe1ee;
  --color-grape-riot-200: #ffc2de;
  --color-grape-riot-300: #fb9ecc;
  --color-grape-riot-400: #df79ad;
  --color-grape-riot-500: #c15c91;
  --color-grape-riot-600: #a34076;
  --color-grape-riot-700: #862d5e;
  --color-grape-riot-800: #6c1e4a;
  --color-grape-riot-900: #56143a;
  --color-grape-riot-950: #380924;
  --color-pretty-in-prune: #66234a;
  --color-pretty-in-prune-50: #fff1f7;
  --color-pretty-in-prune-100: #ffe2f0;
  --color-pretty-in-prune-200: #ffc3e1;
  --color-pretty-in-prune-300: #eda9cb;
  --color-pretty-in-prune-400: #d086ac;
  --color-pretty-in-prune-500: #b36990;
  --color-pretty-in-prune-600: #954f75;
  --color-pretty-in-prune-700: #793a5d;
  --color-pretty-in-prune-800: #66234a;
  --color-pretty-in-prune-900: #4c1e38;
  --color-pretty-in-prune-950: #311023;
  --color-pitch-black-forests: #00321f;
  --color-pitch-black-forests-50: #e2fdee;
  --color-pitch-black-forests-100: #d6f4e3;
  --color-pitch-black-forests-200: #bee1ce;
  --color-pitch-black-forests-300: #a3ccb6;
  --color-pitch-black-forests-400: #7eab94;
  --color-pitch-black-forests-500: #608e77;
  --color-pitch-black-forests-600: #45715b;
  --color-pitch-black-forests-700: #305844;
  --color-pitch-black-forests-800: #204232;
  --color-pitch-black-forests-900: #00321f;
  --color-pitch-black-forests-950: #091c13;
}