Emerald Whispers to Peach Fizz Color Palette

About this palette

Emerald Whispers to Peach Fizz is a 5-color vibrant, cool, neon palette: #008477 (Emerald Whispers), #8D59FC (Candy Grape Fizz), #00B737 (Toxic Sludge), #A98EFF (Dreamy Candy Forest), #FFAC8B (Peach Fizz). It mixes turquoise, purple, green, orange tones and feels cool overall. The strongest text pairing is #008477 on #FFAC8B with a contrast ratio of 2.52:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Emerald Whispers	rgb(0, 132, 119)	hsl(174, 100%, 26%)
Candy Grape Fizz	rgb(141, 89, 252)	hsl(259, 96%, 67%)
Toxic Sludge	rgb(0, 183, 55)	hsl(138, 100%, 36%)
Dreamy Candy Forest	rgb(169, 142, 255)	hsl(254, 100%, 78%)
Peach Fizz	rgb(255, 172, 139)	hsl(17, 100%, 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.

Color blindness preview

CSS variables

/* Emerald Whispers to Peach Fizz — https://swatchly.xyz/palette/008477-8d59fc-00b737-a98eff-ffac8b */
:root {
  --emerald-whispers: #008477;
  --candy-grape-fizz: #8d59fc;
  --toxic-sludge: #00b737;
  --dreamy-candy-forest: #a98eff;
  --peach-fizz: #ffac8b;
}

Tailwind CSS v4

/* Emerald Whispers to Peach Fizz — https://swatchly.xyz/palette/008477-8d59fc-00b737-a98eff-ffac8b */
@theme {
  --color-emerald-whispers: #008477;
  --color-emerald-whispers-50: #d7fff8;
  --color-emerald-whispers-100: #c0faf0;
  --color-emerald-whispers-200: #a4eade;
  --color-emerald-whispers-300: #85d6c9;
  --color-emerald-whispers-400: #59b9ab;
  --color-emerald-whispers-500: #349e91;
  --color-emerald-whispers-600: #008477;
  --color-emerald-whispers-700: #00695e;
  --color-emerald-whispers-800: #005249;
  --color-emerald-whispers-900: #003f38;
  --color-emerald-whispers-950: #002823;
  --color-candy-grape-fizz: #8d59fc;
  --color-candy-grape-fizz-50: #f4f3ff;
  --color-candy-grape-fizz-100: #eae6ff;
  --color-candy-grape-fizz-200: #d6ceff;
  --color-candy-grape-fizz-300: #c1b1ff;
  --color-candy-grape-fizz-400: #a486ff;
  --color-candy-grape-fizz-500: #8d59fc;
  --color-candy-grape-fizz-600: #743cdb;
  --color-candy-grape-fizz-700: #5e25b9;
  --color-candy-grape-fizz-800: #4b1399;
  --color-candy-grape-fizz-900: #3b077d;
  --color-candy-grape-fizz-950: #250155;
  --color-toxic-sludge: #00b737;
  --color-toxic-sludge-50: #d4ffd5;
  --color-toxic-sludge-100: #a9fead;
  --color-toxic-sludge-200: #85ed8c;
  --color-toxic-sludge-300: #5bd769;
  --color-toxic-sludge-400: #00b737;
  --color-toxic-sludge-500: #00992c;
  --color-toxic-sludge-600: #007c22;
  --color-toxic-sludge-700: #006319;
  --color-toxic-sludge-800: #004e12;
  --color-toxic-sludge-900: #003d0c;
  --color-toxic-sludge-950: #002805;
  --color-dreamy-candy-forest: #a98eff;
  --color-dreamy-candy-forest-50: #f6f5ff;
  --color-dreamy-candy-forest-100: #ede9ff;
  --color-dreamy-candy-forest-200: #dad3ff;
  --color-dreamy-candy-forest-300: #c5b7ff;
  --color-dreamy-candy-forest-400: #a98eff;
  --color-dreamy-candy-forest-500: #8e72df;
  --color-dreamy-candy-forest-600: #7356c0;
  --color-dreamy-candy-forest-700: #5c40a1;
  --color-dreamy-candy-forest-800: #482e83;
  --color-dreamy-candy-forest-900: #382169;
  --color-dreamy-candy-forest-950: #231246;
  --color-peach-fizz: #ffac8b;
  --color-peach-fizz-50: #fff4ef;
  --color-peach-fizz-100: #ffe7de;
  --color-peach-fizz-200: #ffcdb9;
  --color-peach-fizz-300: #ffac8b;
  --color-peach-fizz-400: #da8d6f;
  --color-peach-fizz-500: #be7151;
  --color-peach-fizz-600: #9f5638;
  --color-peach-fizz-700: #834024;
  --color-peach-fizz-800: #692f16;
  --color-peach-fizz-900: #53220d;
  --color-peach-fizz-950: #361305;
}