Pastel Magenta to Candy Grape Fizz Color Palette

About this palette

Pastel Magenta to Candy Grape Fizz is a 4-color vibrant, cool, neon palette: #FF9AB7 (Pastel Magenta), #008E68 (Viridian), #24B0FF (Hawaii Morning), #8C57FF (Candy Grape Fizz). It mixes pink, turquoise, blue, purple tones and feels cool overall. The strongest text pairing is #FF9AB7 on #8C57FF with a contrast ratio of 2.14:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pastel Magenta	rgb(255, 154, 183)	hsl(343, 100%, 80%)
Viridian	rgb(0, 142, 104)	hsl(164, 100%, 28%)
Hawaii Morning	rgb(36, 176, 255)	hsl(202, 100%, 57%)
Candy Grape Fizz	rgb(140, 87, 255)	hsl(259, 100%, 67%)

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

/* Pastel Magenta to Candy Grape Fizz — https://swatchly.xyz/palette/ff9ab7-008e68-24b0ff-8c57ff */
:root {
  --pastel-magenta: #ff9ab7;
  --viridian: #008e68;
  --hawaii-morning: #24b0ff;
  --candy-grape-fizz: #8c57ff;
}

Tailwind CSS v4

/* Pastel Magenta to Candy Grape Fizz — https://swatchly.xyz/palette/ff9ab7-008e68-24b0ff-8c57ff */
@theme {
  --color-pastel-magenta: #ff9ab7;
  --color-pastel-magenta-50: #ffeef2;
  --color-pastel-magenta-100: #ffdfe7;
  --color-pastel-magenta-200: #ffc0d0;
  --color-pastel-magenta-300: #ff9ab7;
  --color-pastel-magenta-400: #db7d99;
  --color-pastel-magenta-500: #bf617e;
  --color-pastel-magenta-600: #a14865;
  --color-pastel-magenta-700: #85344f;
  --color-pastel-magenta-800: #6c253e;
  --color-pastel-magenta-900: #561a2f;
  --color-pastel-magenta-950: #390d1d;
  --color-viridian: #008e68;
  --color-viridian-50: #dbffef;
  --color-viridian-100: #c0fee3;
  --color-viridian-200: #a5efcf;
  --color-viridian-300: #87ddb9;
  --color-viridian-400: #5cc19a;
  --color-viridian-500: #36a880;
  --color-viridian-600: #008e68;
  --color-viridian-700: #007152;
  --color-viridian-800: #00583f;
  --color-viridian-900: #004430;
  --color-viridian-950: #002b1d;
  --color-hawaii-morning: #24b0ff;
  --color-hawaii-morning-50: #eff8ff;
  --color-hawaii-morning-100: #def0ff;
  --color-hawaii-morning-200: #b8e0ff;
  --color-hawaii-morning-300: #88cdff;
  --color-hawaii-morning-400: #24b0ff;
  --color-hawaii-morning-500: #0092d9;
  --color-hawaii-morning-600: #0076b0;
  --color-hawaii-morning-700: #005d8c;
  --color-hawaii-morning-800: #00486e;
  --color-hawaii-morning-900: #003756;
  --color-hawaii-morning-950: #002237;
  --color-candy-grape-fizz: #8c57ff;
  --color-candy-grape-fizz-50: #f4f3ff;
  --color-candy-grape-fizz-100: #eae6ff;
  --color-candy-grape-fizz-200: #d6ceff;
  --color-candy-grape-fizz-300: #c0b1ff;
  --color-candy-grape-fizz-400: #a385ff;
  --color-candy-grape-fizz-500: #8c57ff;
  --color-candy-grape-fizz-600: #733ade;
  --color-candy-grape-fizz-700: #5d22bc;
  --color-candy-grape-fizz-800: #4a0f9c;
  --color-candy-grape-fizz-900: #3a037f;
  --color-candy-grape-fizz-950: #250056;
}