Plum Passion to Pinky color palette

9F4B83Plum Passion FFC9C3Peach Fuzz 6D2576Galactic Grapevine B66E7EPinky Pickle F583A6Pinky

About this palette

Plum Passion to Pinky is a 5-color warm palette: #9F4B83 (Plum Passion), #FFC9C3 (Peach Fuzz), #6D2576 (Galactic Grapevine), #B66E7E (Pinky Pickle), #F583A6 (Pinky). It mixes red, pink, purple tones and feels warm overall. The strongest text pairing is #FFC9C3 on #6D2576 with a contrast ratio of 6.61:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Plum Passion	rgb(159, 75, 131)	hsl(320, 36%, 46%)
Peach Fuzz	rgb(255, 201, 195)	hsl(6, 100%, 88%)
Galactic Grapevine	rgb(109, 37, 118)	hsl(293, 52%, 30%)
Pinky Pickle	rgb(182, 110, 126)	hsl(347, 33%, 57%)
Pinky	rgb(245, 131, 166)	hsl(342, 85%, 74%)

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.

Aa6.61:1 Good#FFC9C3 on #6D2576
Aa6.61:1 Good#6D2576 on #FFC9C3
Aa3.99:1 Poor#6D2576 on #F583A6
Aa3.99:1 Poor#F583A6 on #6D2576
Aa3.78:1 Poor#9F4B83 on #FFC9C3
Aa3.78:1 Poor#FFC9C3 on #9F4B83

Color blindness preview

CSS variables

/* Plum Passion to Pinky — https://swatchly.xyz/palette/9f4b83-ffc9c3-6d2576-b66e7e-f583a6 */
:root {
  --plum-passion: #9f4b83;
  --peach-fuzz: #ffc9c3;
  --galactic-grapevine: #6d2576;
  --pinky-pickle: #b66e7e;
  --pinky: #f583a6;
}

Tailwind CSS v4

/* Plum Passion to Pinky — https://swatchly.xyz/palette/9f4b83-ffc9c3-6d2576-b66e7e-f583a6 */
@theme {
  --color-plum-passion: #9f4b83;
  --color-plum-passion-50: #fff0f9;
  --color-plum-passion-100: #ffe2f3;
  --color-plum-passion-200: #ffc3e8;
  --color-plum-passion-300: #f4a5d6;
  --color-plum-passion-400: #d882b9;
  --color-plum-passion-500: #bc659e;
  --color-plum-passion-600: #9f4b83;
  --color-plum-passion-700: #82376a;
  --color-plum-passion-800: #692754;
  --color-plum-passion-900: #531b42;
  --color-plum-passion-950: #360d2a;
  --color-peach-fuzz: #ffc9c3;
  --color-peach-fuzz-50: #fff2f1;
  --color-peach-fuzz-100: #ffe5e2;
  --color-peach-fuzz-200: #ffc9c3;
  --color-peach-fuzz-300: #e2b5b0;
  --color-peach-fuzz-400: #c5948f;
  --color-peach-fuzz-500: #a97873;
  --color-peach-fuzz-600: #8c5e59;
  --color-peach-fuzz-700: #724945;
  --color-peach-fuzz-800: #5b3734;
  --color-peach-fuzz-900: #482926;
  --color-peach-fuzz-950: #2e1816;
  --color-galactic-grapevine: #6d2576;
  --color-galactic-grapevine-50: #fef0ff;
  --color-galactic-grapevine-100: #fce1ff;
  --color-galactic-grapevine-200: #f9c1ff;
  --color-galactic-grapevine-300: #e9a7f1;
  --color-galactic-grapevine-400: #ce85d6;
  --color-galactic-grapevine-500: #b469bd;
  --color-galactic-grapevine-600: #9850a1;
  --color-galactic-grapevine-700: #7f3c88;
  --color-galactic-grapevine-800: #6d2576;
  --color-galactic-grapevine-900: #531f5a;
  --color-galactic-grapevine-950: #37103c;
  --color-pinky-pickle: #b66e7e;
  --color-pinky-pickle-50: #fff1f3;
  --color-pinky-pickle-100: #ffe3e8;
  --color-pinky-pickle-200: #ffc6d1;
  --color-pinky-pickle-300: #eeacb9;
  --color-pinky-pickle-400: #d28a99;
  --color-pinky-pickle-500: #b66e7e;
  --color-pinky-pickle-600: #985464;
  --color-pinky-pickle-700: #7d3f4e;
  --color-pinky-pickle-800: #642f3c;
  --color-pinky-pickle-900: #4f222e;
  --color-pinky-pickle-950: #34131b;
  --color-pinky: #f583a6;
  --color-pinky-50: #fff7f8;
  --color-pinky-100: #ffebf0;
  --color-pinky-200: #ffd1dd;
  --color-pinky-300: #ffb1c6;
  --color-pinky-400: #f583a6;
  --color-pinky-500: #d36689;
  --color-pinky-600: #b3486d;
  --color-pinky-700: #933155;
  --color-pinky-800: #772041;
  --color-pinky-900: #5d1430;
  --color-pinky-950: #3c081c;
}