Pinky to Peach Fuzz color palette

F382AEPinky E636A8Magnificent Magenta 3C1946Velvet Cosmos 7A3184Hello Darkness My Old Friend FFC9BFPeach Fuzz

Open in generator Export PNG, PDF, ASE…

About this palette

Pinky to Peach Fuzz is a 5-color warm palette: #F382AE (Pinky), #E636A8 (Magnificent Magenta), #3C1946 (Velvet Cosmos), #7A3184 (Hello Darkness My Old Friend), #FFC9BF (Peach Fuzz). It mixes pink, purple tones and feels warm overall. The strongest text pairing is #3C1946 on #FFC9BF with a contrast ratio of 10.11:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pinky	rgb(243, 130, 174)	hsl(337, 82%, 73%)
Magnificent Magenta	rgb(230, 54, 168)	hsl(321, 78%, 56%)
Velvet Cosmos	rgb(60, 25, 70)	hsl(287, 47%, 19%)
Hello Darkness My Old Friend	rgb(122, 49, 132)	hsl(293, 46%, 35%)
Peach Fuzz	rgb(255, 201, 191)	hsl(9, 100%, 87%)

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.

Aa10.11:1 Very good#3C1946 on #FFC9BF
Aa10.11:1 Very good#FFC9BF on #3C1946
Aa6.07:1 Good#F382AE on #3C1946
Aa6.07:1 Good#3C1946 on #F382AE
Aa5.52:1 Good#7A3184 on #FFC9BF
Aa5.52:1 Good#FFC9BF on #7A3184
Aa3.84:1 Poor#E636A8 on #3C1946
Aa3.84:1 Poor#3C1946 on #E636A8

Color blindness preview

CSS variables

/* Pinky to Peach Fuzz — https://swatchly.xyz/palette/f382ae-e636a8-3c1946-7a3184-ffc9bf */
:root {
  --pinky: #f382ae;
  --magnificent-magenta: #e636a8;
  --velvet-cosmos: #3c1946;
  --hello-darkness-my-old-friend: #7a3184;
  --peach-fuzz: #ffc9bf;
}

Tailwind CSS v4

/* Pinky to Peach Fuzz — https://swatchly.xyz/palette/f382ae-e636a8-3c1946-7a3184-ffc9bf */
@theme {
  --color-pinky: #f382ae;
  --color-pinky-50: #fff6f9;
  --color-pinky-100: #ffebf1;
  --color-pinky-200: #ffd0e0;
  --color-pinky-300: #ffafcb;
  --color-pinky-400: #f382ae;
  --color-pinky-500: #d16591;
  --color-pinky-600: #b14874;
  --color-pinky-700: #92315c;
  --color-pinky-800: #752047;
  --color-pinky-900: #5c1335;
  --color-pinky-950: #3b0720;
  --color-magnificent-magenta: #e636a8;
  --color-magnificent-magenta-50: #fff2f8;
  --color-magnificent-magenta-100: #ffe5f2;
  --color-magnificent-magenta-200: #ffc8e4;
  --color-magnificent-magenta-300: #ffa3d5;
  --color-magnificent-magenta-400: #ff61c1;
  --color-magnificent-magenta-500: #e636a8;
  --color-magnificent-magenta-600: #c4008b;
  --color-magnificent-magenta-700: #9d006e;
  --color-magnificent-magenta-800: #7c0056;
  --color-magnificent-magenta-900: #600042;
  --color-magnificent-magenta-950: #3f002a;
  --color-velvet-cosmos: #3c1946;
  --color-velvet-cosmos-50: #fcf1ff;
  --color-velvet-cosmos-100: #f8e2ff;
  --color-velvet-cosmos-200: #eacbf4;
  --color-velvet-cosmos-300: #d6b2e1;
  --color-velvet-cosmos-400: #b68fc2;
  --color-velvet-cosmos-500: #9972a5;
  --color-velvet-cosmos-600: #7c5787;
  --color-velvet-cosmos-700: #61406b;
  --color-velvet-cosmos-800: #4a2e53;
  --color-velvet-cosmos-900: #3c1946;
  --color-velvet-cosmos-950: #211226;
  --color-hello-darkness-my-old-friend: #7a3184;
  --color-hello-darkness-my-old-friend-50: #fdf0ff;
  --color-hello-darkness-my-old-friend-100: #fce1ff;
  --color-hello-darkness-my-old-friend-200: #f8c1ff;
  --color-hello-darkness-my-old-friend-300: #e8a5f1;
  --color-hello-darkness-my-old-friend-400: #cb81d5;
  --color-hello-darkness-my-old-friend-500: #af64ba;
  --color-hello-darkness-my-old-friend-600: #924a9c;
  --color-hello-darkness-my-old-friend-700: #7a3184;
  --color-hello-darkness-my-old-friend-800: #602568;
  --color-hello-darkness-my-old-friend-900: #4c1a53;
  --color-hello-darkness-my-old-friend-950: #310d36;
  --color-peach-fuzz: #ffc9bf;
  --color-peach-fuzz-50: #fff2ef;
  --color-peach-fuzz-100: #ffe5e0;
  --color-peach-fuzz-200: #ffc9bf;
  --color-peach-fuzz-300: #e2b5ac;
  --color-peach-fuzz-400: #c5948b;
  --color-peach-fuzz-500: #a9786f;
  --color-peach-fuzz-600: #8c5e56;
  --color-peach-fuzz-700: #724942;
  --color-peach-fuzz-800: #5b3731;
  --color-peach-fuzz-900: #482924;
  --color-peach-fuzz-950: #2e1815;
}