Mimi Pink to Murasaki Color Palette

About this palette

Mimi Pink to Murasaki is a 5-color warm, monochromatic palette: #FFDBF1 (Mimi Pink), #FFA6DD (Fresh Gum), #CB439F (Lustful Wishes), #964E80 (Plum Passion), #582643 (Murasaki). It mixes pink, red tones and feels warm overall. The strongest text pairing is #FFDBF1 on #582643 with a contrast ratio of 9.39:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mimi Pink	rgb(255, 219, 241)	hsl(323, 100%, 93%)
Fresh Gum	rgb(255, 166, 221)	hsl(323, 100%, 83%)
Lustful Wishes	rgb(203, 67, 159)	hsl(319, 57%, 53%)
Plum Passion	rgb(150, 78, 128)	hsl(318, 32%, 45%)
Murasaki	rgb(88, 38, 67)	hsl(325, 40%, 25%)

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.

Aa9.39:1 Very good#FFDBF1 on #582643
Aa9.39:1 Very good#582643 on #FFDBF1
Aa6.63:1 Good#FFA6DD on #582643
Aa6.63:1 Good#582643 on #FFA6DD
Aa4.50:1 Good#FFDBF1 on #964E80
Aa4.50:1 Good#964E80 on #FFDBF1
Aa3.44:1 Poor#FFDBF1 on #CB439F
Aa3.44:1 Poor#CB439F on #FFDBF1

Color blindness preview

CSS variables

/* Mimi Pink to Murasaki — https://swatchly.xyz/palette/ffdbf1-ffa6dd-cb439f-964e80-582643 */
:root {
  --mimi-pink: #ffdbf1;
  --fresh-gum: #ffa6dd;
  --lustful-wishes: #cb439f;
  --plum-passion: #964e80;
  --murasaki: #582643;
}

Tailwind CSS v4

/* Mimi Pink to Murasaki — https://swatchly.xyz/palette/ffdbf1-ffa6dd-cb439f-964e80-582643 */
@theme {
  --color-mimi-pink: #ffdbf1;
  --color-mimi-pink-50: #ffebf7;
  --color-mimi-pink-100: #ffdbf1;
  --color-mimi-pink-200: #e6cbdb;
  --color-mimi-pink-300: #d2b4c7;
  --color-mimi-pink-400: #b595a8;
  --color-mimi-pink-500: #9a7a8e;
  --color-mimi-pink-600: #7f6174;
  --color-mimi-pink-700: #674c5d;
  --color-mimi-pink-800: #523a49;
  --color-mimi-pink-900: #402c38;
  --color-mimi-pink-950: #281a23;
  --color-fresh-gum: #ffa6dd;
  --color-fresh-gum-50: #fff5fb;
  --color-fresh-gum-100: #ffe8f5;
  --color-fresh-gum-200: #ffcbea;
  --color-fresh-gum-300: #ffa6dd;
  --color-fresh-gum-400: #d988bb;
  --color-fresh-gum-500: #bc6a9e;
  --color-fresh-gum-600: #9e4e82;
  --color-fresh-gum-700: #813968;
  --color-fresh-gum-800: #672852;
  --color-fresh-gum-900: #511c3f;
  --color-fresh-gum-950: #350e28;
  --color-lustful-wishes: #cb439f;
  --color-lustful-wishes-50: #ffeff8;
  --color-lustful-wishes-100: #ffdff1;
  --color-lustful-wishes-200: #ffbee4;
  --color-lustful-wishes-300: #ff94d6;
  --color-lustful-wishes-400: #e964bb;
  --color-lustful-wishes-500: #cb439f;
  --color-lustful-wishes-600: #ac2684;
  --color-lustful-wishes-700: #8e0e6b;
  --color-lustful-wishes-800: #730055;
  --color-lustful-wishes-900: #5b0043;
  --color-lustful-wishes-950: #3c002b;
  --color-plum-passion: #964e80;
  --color-plum-passion-50: #fff0f9;
  --color-plum-passion-100: #ffe1f4;
  --color-plum-passion-200: #ffc2e9;
  --color-plum-passion-300: #eca8d5;
  --color-plum-passion-400: #cf85b7;
  --color-plum-passion-500: #b3689b;
  --color-plum-passion-600: #964e80;
  --color-plum-passion-700: #7a3a67;
  --color-plum-passion-800: #622a52;
  --color-plum-passion-900: #4e1e40;
  --color-plum-passion-950: #321029;
  --color-murasaki: #582643;
  --color-murasaki-50: #fff0f8;
  --color-murasaki-100: #ffe2f0;
  --color-murasaki-200: #f7c8e0;
  --color-murasaki-300: #e4afca;
  --color-murasaki-400: #c88fad;
  --color-murasaki-500: #ae7493;
  --color-murasaki-600: #935c7a;
  --color-murasaki-700: #7a4864;
  --color-murasaki-800: #653851;
  --color-murasaki-900: #582643;
  --color-murasaki-950: #371a2a;
}