Shot in the Dark to Love Priestess Color Palette

About this palette

Shot in the Dark to Love Priestess is a 5-color warm, monochromatic palette: #230D1E (Shot in the Dark), #E9A5D6 (Violet Kiss), #8D1878 (Noble Plum), #FFE7F9 (Fairy Dust), #C147B9 (Love Priestess). It mixes purple, pink, white tones and feels warm overall. The strongest text pairing is #230D1E on #FFE7F9 with a contrast ratio of 15.73:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Shot in the Dark	rgb(35, 13, 30)	hsl(314, 46%, 9%)
Violet Kiss	rgb(233, 165, 214)	hsl(317, 61%, 78%)
Noble Plum	rgb(141, 24, 120)	hsl(311, 71%, 32%)
Fairy Dust	rgb(255, 231, 249)	hsl(315, 100%, 95%)
Love Priestess	rgb(193, 71, 185)	hsl(304, 50%, 52%)

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.

Aa15.73:1 Super#230D1E on #FFE7F9
Aa15.73:1 Super#FFE7F9 on #230D1E
Aa9.42:1 Very good#230D1E on #E9A5D6
Aa9.42:1 Very good#E9A5D6 on #230D1E
Aa7.12:1 Very good#8D1878 on #FFE7F9
Aa7.12:1 Very good#FFE7F9 on #8D1878
Aa4.27:1 Poor#E9A5D6 on #8D1878
Aa4.27:1 Poor#8D1878 on #E9A5D6

Color blindness preview

CSS variables

/* Shot in the Dark to Love Priestess — https://swatchly.xyz/palette/230d1e-e9a5d6-8d1878-ffe7f9-c147b9 */
:root {
  --shot-in-the-dark: #230d1e;
  --violet-kiss: #e9a5d6;
  --noble-plum: #8d1878;
  --fairy-dust: #ffe7f9;
  --love-priestess: #c147b9;
}

Tailwind CSS v4

/* Shot in the Dark to Love Priestess — https://swatchly.xyz/palette/230d1e-e9a5d6-8d1878-ffe7f9-c147b9 */
@theme {
  --color-shot-in-the-dark: #230d1e;
  --color-shot-in-the-dark-50: #fff0fa;
  --color-shot-in-the-dark-100: #f9e4f2;
  --color-shot-in-the-dark-200: #e7cfe0;
  --color-shot-in-the-dark-300: #d2b8cb;
  --color-shot-in-the-dark-400: #b497ac;
  --color-shot-in-the-dark-500: #977a8f;
  --color-shot-in-the-dark-600: #795e72;
  --color-shot-in-the-dark-700: #5f4759;
  --color-shot-in-the-dark-800: #483443;
  --color-shot-in-the-dark-900: #352531;
  --color-shot-in-the-dark-950: #230d1e;
  --color-violet-kiss: #e9a5d6;
  --color-violet-kiss-50: #ffeefa;
  --color-violet-kiss-100: #ffdef5;
  --color-violet-kiss-200: #f7c2e8;
  --color-violet-kiss-300: #e9a5d6;
  --color-violet-kiss-400: #c787b5;
  --color-violet-kiss-500: #ab6c9b;
  --color-violet-kiss-600: #8f537f;
  --color-violet-kiss-700: #753e67;
  --color-violet-kiss-800: #5e2e52;
  --color-violet-kiss-900: #4a2241;
  --color-violet-kiss-950: #301329;
  --color-noble-plum: #8d1878;
  --color-noble-plum-50: #fff0fa;
  --color-noble-plum-100: #ffe1f6;
  --color-noble-plum-200: #ffc1ed;
  --color-noble-plum-300: #ff98e5;
  --color-noble-plum-400: #e272c8;
  --color-noble-plum-500: #c653ac;
  --color-noble-plum-600: #a73790;
  --color-noble-plum-700: #8d1878;
  --color-noble-plum-800: #6f125e;
  --color-noble-plum-900: #58074a;
  --color-noble-plum-950: #3a0230;
  --color-fairy-dust: #ffe7f9;
  --color-fairy-dust-50: #fff5fc;
  --color-fairy-dust-100: #ffe7f9;
  --color-fairy-dust-200: #e6d5e2;
  --color-fairy-dust-300: #d0bdcb;
  --color-fairy-dust-400: #b19cac;
  --color-fairy-dust-500: #958090;
  --color-fairy-dust-600: #796575;
  --color-fairy-dust-700: #614f5d;
  --color-fairy-dust-800: #4c3d49;
  --color-fairy-dust-900: #3b2e38;
  --color-fairy-dust-950: #251c23;
  --color-love-priestess: #c147b9;
  --color-love-priestess-50: #ffeefd;
  --color-love-priestess-100: #ffddfa;
  --color-love-priestess-200: #ffbbf7;
  --color-love-priestess-300: #fc90f2;
  --color-love-priestess-400: #df68d6;
  --color-love-priestess-500: #c147b9;
  --color-love-priestess-600: #a32b9c;
  --color-love-priestess-700: #861481;
  --color-love-priestess-800: #6d0168;
  --color-love-priestess-900: #560052;
  --color-love-priestess-950: #380036;
}