She Loves Pink to Mystic Nights Color Palette

About this palette

She Loves Pink to Mystic Nights is a 4-color vintage, gradient palette: #E19995 (She Loves Pink), #AB7690 (Never Forget), #785387 (Ninja Princess), #4B2D7B (Mystic Nights). It mixes red, pink, purple tones and feels balanced overall. The strongest text pairing is #E19995 on #4B2D7B with a contrast ratio of 4.69:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
She Loves Pink	rgb(225, 153, 149)	hsl(3, 56%, 73%)
Never Forget	rgb(171, 118, 144)	hsl(331, 24%, 57%)
Ninja Princess	rgb(120, 83, 135)	hsl(283, 24%, 43%)
Mystic Nights	rgb(75, 45, 123)	hsl(263, 46%, 33%)

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.

Aa4.69:1 Good#E19995 on #4B2D7B
Aa4.69:1 Good#4B2D7B on #E19995

Color blindness preview

CSS variables

/* She Loves Pink to Mystic Nights — https://swatchly.xyz/palette/e19995-ab7690-785387-4b2d7b */
:root {
  --she-loves-pink: #e19995;
  --never-forget: #ab7690;
  --ninja-princess: #785387;
  --mystic-nights: #4b2d7b;
}

Tailwind CSS v4

/* She Loves Pink to Mystic Nights — https://swatchly.xyz/palette/e19995-ab7690-785387-4b2d7b */
@theme {
  --color-she-loves-pink: #e19995;
  --color-she-loves-pink-50: #fff8f7;
  --color-she-loves-pink-100: #ffeeec;
  --color-she-loves-pink-200: #ffd5d2;
  --color-she-loves-pink-300: #f7bbb7;
  --color-she-loves-pink-400: #e19995;
  --color-she-loves-pink-500: #c07c78;
  --color-she-loves-pink-600: #a15f5c;
  --color-she-loves-pink-700: #834745;
  --color-she-loves-pink-800: #693433;
  --color-she-loves-pink-900: #512624;
  --color-she-loves-pink-950: #331514;
  --color-never-forget: #ab7690;
  --color-never-forget-50: #fff1f7;
  --color-never-forget-100: #ffe3f0;
  --color-never-forget-200: #f6cbdf;
  --color-never-forget-300: #e3b2c9;
  --color-never-forget-400: #c692ab;
  --color-never-forget-500: #ab7690;
  --color-never-forget-600: #8e5c75;
  --color-never-forget-700: #74465d;
  --color-never-forget-800: #5c3549;
  --color-never-forget-900: #482738;
  --color-never-forget-950: #2e1723;
  --color-ninja-princess: #785387;
  --color-ninja-princess-50: #fbf1ff;
  --color-ninja-princess-100: #f6e1ff;
  --color-ninja-princess-200: #e7c7f4;
  --color-ninja-princess-300: #d1ade0;
  --color-ninja-princess-400: #b18bc1;
  --color-ninja-princess-500: #946ea4;
  --color-ninja-princess-600: #785387;
  --color-ninja-princess-700: #60406d;
  --color-ninja-princess-800: #4c3058;
  --color-ninja-princess-900: #3c2445;
  --color-ninja-princess-950: #26152d;
  --color-mystic-nights: #4b2d7b;
  --color-mystic-nights-50: #f6f3ff;
  --color-mystic-nights-100: #ede7ff;
  --color-mystic-nights-200: #dccfff;
  --color-mystic-nights-300: #c9b2fe;
  --color-mystic-nights-400: #aa90e4;
  --color-mystic-nights-500: #8f73c8;
  --color-mystic-nights-600: #7459a9;
  --color-mystic-nights-700: #5d438c;
  --color-mystic-nights-800: #4b2d7b;
  --color-mystic-nights-900: #39255b;
  --color-mystic-nights-950: #23153c;
}