Candy Grape Fizz to Watermelon Color Palette

About this palette

Candy Grape Fizz to Watermelon is a 4-color vibrant, warm, neon palette: #6D45FC (Candy Grape Fizz), #FF7597 (Blush Hour), #FFA7C3 (Poodle Skirt), #F74861 (Watermelon). It mixes purple, pink, red tones and feels warm overall. The strongest text pairing is #6D45FC on #FFA7C3 with a contrast ratio of 2.96:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Candy Grape Fizz	rgb(109, 69, 252)	hsl(253, 97%, 63%)
Blush Hour	rgb(255, 117, 151)	hsl(345, 100%, 73%)
Poodle Skirt	rgb(255, 167, 195)	hsl(341, 100%, 83%)
Watermelon	rgb(247, 72, 97)	hsl(351, 92%, 63%)

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

/* Candy Grape Fizz to Watermelon — https://swatchly.xyz/palette/6d45fc-ff7597-ffa7c3-f74861 */
:root {
  --candy-grape-fizz: #6d45fc;
  --blush-hour: #ff7597;
  --poodle-skirt: #ffa7c3;
  --watermelon: #f74861;
}

Tailwind CSS v4

/* Candy Grape Fizz to Watermelon — https://swatchly.xyz/palette/6d45fc-ff7597-ffa7c3-f74861 */
@theme {
  --color-candy-grape-fizz: #6d45fc;
  --color-candy-grape-fizz-50: #f4f4ff;
  --color-candy-grape-fizz-100: #eaeaff;
  --color-candy-grape-fizz-200: #d5d6ff;
  --color-candy-grape-fizz-300: #bdbdff;
  --color-candy-grape-fizz-400: #9d97ff;
  --color-candy-grape-fizz-500: #8372ff;
  --color-candy-grape-fizz-600: #6d45fc;
  --color-candy-grape-fizz-700: #582ad7;
  --color-candy-grape-fizz-800: #4513b3;
  --color-candy-grape-fizz-900: #350292;
  --color-candy-grape-fizz-950: #210062;
  --color-blush-hour: #ff7597;
  --color-blush-hour-50: #fff5f6;
  --color-blush-hour-100: #ffe9ec;
  --color-blush-hour-200: #ffced6;
  --color-blush-hour-300: #ffadbd;
  --color-blush-hour-400: #ff7597;
  --color-blush-hour-500: #dd577b;
  --color-blush-hour-600: #bc3960;
  --color-blush-hour-700: #9c2149;
  --color-blush-hour-800: #7e0e37;
  --color-blush-hour-900: #640229;
  --color-blush-hour-950: #410017;
  --color-poodle-skirt: #ffa7c3;
  --color-poodle-skirt-50: #fff4f7;
  --color-poodle-skirt-100: #ffe7ed;
  --color-poodle-skirt-200: #ffcada;
  --color-poodle-skirt-300: #ffa7c3;
  --color-poodle-skirt-400: #da89a3;
  --color-poodle-skirt-500: #bd6b87;
  --color-poodle-skirt-600: #9e516c;
  --color-poodle-skirt-700: #823c55;
  --color-poodle-skirt-800: #682b42;
  --color-poodle-skirt-900: #521e32;
  --color-poodle-skirt-950: #36101e;
  --color-watermelon: #f74861;
  --color-watermelon-50: #fff4f4;
  --color-watermelon-100: #ffeaea;
  --color-watermelon-200: #ffd0d1;
  --color-watermelon-300: #ffb1b4;
  --color-watermelon-400: #ff7d87;
  --color-watermelon-500: #f74861;
  --color-watermelon-600: #d32046;
  --color-watermelon-700: #ae0032;
  --color-watermelon-800: #890026;
  --color-watermelon-900: #6a001b;
  --color-watermelon-950: #45000e;
}