Pleasure to Sugar Chic Color Palette

About this palette

Pleasure to Sugar Chic is a 5-color warm, gradient palette: #832C5B (Pleasure), #A84651 (Rose Laffy Taffy), #A86EBD (Prickly Purple), #FF9ABE (Pastel Magenta), #F9C8FF (Sugar Chic). It mixes red, purple, pink tones and feels warm overall. The strongest text pairing is #832C5B on #F9C8FF with a contrast ratio of 5.95:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pleasure	rgb(131, 44, 91)	hsl(328, 50%, 34%)
Rose Laffy Taffy	rgb(168, 70, 81)	hsl(353, 41%, 47%)
Prickly Purple	rgb(168, 110, 189)	hsl(284, 37%, 59%)
Pastel Magenta	rgb(255, 154, 190)	hsl(339, 100%, 80%)
Sugar Chic	rgb(249, 200, 255)	hsl(293, 100%, 89%)

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.

Aa5.95:1 Good#832C5B on #F9C8FF
Aa5.95:1 Good#F9C8FF on #832C5B
Aa4.29:1 Poor#832C5B on #FF9ABE
Aa4.29:1 Poor#FF9ABE on #832C5B
Aa4.03:1 Poor#A84651 on #F9C8FF
Aa4.03:1 Poor#F9C8FF on #A84651

Color blindness preview

CSS variables

/* Pleasure to Sugar Chic — https://swatchly.xyz/palette/832c5b-a84651-a86ebd-ff9abe-f9c8ff */
:root {
  --pleasure: #832c5b;
  --rose-laffy-taffy: #a84651;
  --prickly-purple: #a86ebd;
  --pastel-magenta: #ff9abe;
  --sugar-chic: #f9c8ff;
}

Tailwind CSS v4

/* Pleasure to Sugar Chic — https://swatchly.xyz/palette/832c5b-a84651-a86ebd-ff9abe-f9c8ff */
@theme {
  --color-pleasure: #832c5b;
  --color-pleasure-50: #fff1f7;
  --color-pleasure-100: #ffe2ee;
  --color-pleasure-200: #ffc3dd;
  --color-pleasure-300: #f7a1c9;
  --color-pleasure-400: #d97daa;
  --color-pleasure-500: #bc608e;
  --color-pleasure-600: #9d4572;
  --color-pleasure-700: #832c5b;
  --color-pleasure-800: #672247;
  --color-pleasure-900: #511737;
  --color-pleasure-950: #350b22;
  --color-rose-laffy-taffy: #a84651;
  --color-rose-laffy-taffy-50: #fff1f2;
  --color-rose-laffy-taffy-100: #ffe3e4;
  --color-rose-laffy-taffy-200: #ffc7c9;
  --color-rose-laffy-taffy-300: #ffa3a8;
  --color-rose-laffy-taffy-400: #e37f86;
  --color-rose-laffy-taffy-500: #c6616b;
  --color-rose-laffy-taffy-600: #a84651;
  --color-rose-laffy-taffy-700: #8a333e;
  --color-rose-laffy-taffy-800: #70232e;
  --color-rose-laffy-taffy-900: #591821;
  --color-rose-laffy-taffy-950: #3b0b13;
  --color-prickly-purple: #a86ebd;
  --color-prickly-purple-50: #fbf2ff;
  --color-prickly-purple-100: #f8e4ff;
  --color-prickly-purple-200: #f0c8ff;
  --color-prickly-purple-300: #e0adf3;
  --color-prickly-purple-400: #c38ad8;
  --color-prickly-purple-500: #a86ebd;
  --color-prickly-purple-600: #8b539f;
  --color-prickly-purple-700: #713e83;
  --color-prickly-purple-800: #5a2d6a;
  --color-prickly-purple-900: #472054;
  --color-prickly-purple-950: #2d1137;
  --color-pastel-magenta: #ff9abe;
  --color-pastel-magenta-50: #ffeef3;
  --color-pastel-magenta-100: #ffdfe9;
  --color-pastel-magenta-200: #ffc1d5;
  --color-pastel-magenta-300: #ff9abe;
  --color-pastel-magenta-400: #db7d9f;
  --color-pastel-magenta-500: #bf6184;
  --color-pastel-magenta-600: #a1476b;
  --color-pastel-magenta-700: #853355;
  --color-pastel-magenta-800: #6c2442;
  --color-pastel-magenta-900: #561933;
  --color-pastel-magenta-950: #380c1f;
  --color-sugar-chic: #f9c8ff;
  --color-sugar-chic-50: #fef4ff;
  --color-sugar-chic-100: #fce6ff;
  --color-sugar-chic-200: #f9c8ff;
  --color-sugar-chic-300: #ddb4e1;
  --color-sugar-chic-400: #be92c4;
  --color-sugar-chic-500: #a275a8;
  --color-sugar-chic-600: #865b8b;
  --color-sugar-chic-700: #6c4571;
  --color-sugar-chic-800: #55345a;
  --color-sugar-chic-900: #432647;
  --color-sugar-chic-950: #2b162d;
}