Crown Jewels to Minotaurus Brown color palette

9C61A6Crown Jewels F187BFBubblegum Beam FFB5D0Baby Pink 571B56Purple Velour 8E2400Minotaurus Brown

About this palette

Crown Jewels to Minotaurus Brown is a 5-color warm palette: #9C61A6 (Crown Jewels), #F187BF (Bubblegum Beam), #FFB5D0 (Baby Pink), #571B56 (Purple Velour), #8E2400 (Minotaurus Brown). It mixes purple, pink, red tones and feels warm overall. The strongest text pairing is #FFB5D0 on #571B56 with a contrast ratio of 7.53:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Crown Jewels	rgb(156, 97, 166)	hsl(291, 28%, 52%)
Bubblegum Beam	rgb(241, 135, 191)	hsl(328, 79%, 74%)
Baby Pink	rgb(255, 181, 208)	hsl(338, 100%, 85%)
Purple Velour	rgb(87, 27, 86)	hsl(301, 53%, 22%)
Minotaurus Brown	rgb(142, 36, 0)	hsl(15, 100%, 28%)

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.

Aa7.53:1 Very good#FFB5D0 on #571B56
Aa7.53:1 Very good#571B56 on #FFB5D0
Aa5.32:1 Good#FFB5D0 on #8E2400
Aa5.32:1 Good#8E2400 on #FFB5D0
Aa5.28:1 Good#F187BF on #571B56
Aa5.28:1 Good#571B56 on #F187BF
Aa3.73:1 Poor#F187BF on #8E2400
Aa3.73:1 Poor#8E2400 on #F187BF

Color blindness preview

CSS variables

/* Crown Jewels to Minotaurus Brown — https://swatchly.xyz/palette/9c61a6-f187bf-ffb5d0-571b56-8e2400 */
:root {
  --crown-jewels: #9c61a6;
  --bubblegum-beam: #f187bf;
  --baby-pink: #ffb5d0;
  --purple-velour: #571b56;
  --minotaurus-brown: #8e2400;
}

Tailwind CSS v4

/* Crown Jewels to Minotaurus Brown — https://swatchly.xyz/palette/9c61a6-f187bf-ffb5d0-571b56-8e2400 */
@theme {
  --color-crown-jewels: #9c61a6;
  --color-crown-jewels-50: #fdedff;
  --color-crown-jewels-100: #fadbff;
  --color-crown-jewels-200: #efbdf7;
  --color-crown-jewels-300: #d9a2e3;
  --color-crown-jewels-400: #ba7ec4;
  --color-crown-jewels-500: #9c61a6;
  --color-crown-jewels-600: #814a8b;
  --color-crown-jewels-700: #693772;
  --color-crown-jewels-800: #55295c;
  --color-crown-jewels-900: #431e4a;
  --color-crown-jewels-950: #2c1130;
  --color-bubblegum-beam: #f187bf;
  --color-bubblegum-beam-50: #fff8fb;
  --color-bubblegum-beam-100: #ffedf5;
  --color-bubblegum-beam-200: #ffd3e8;
  --color-bubblegum-beam-300: #ffb2d8;
  --color-bubblegum-beam-400: #f187bf;
  --color-bubblegum-beam-500: #cf69a0;
  --color-bubblegum-beam-600: #af4c83;
  --color-bubblegum-beam-700: #8f3468;
  --color-bubblegum-beam-800: #732352;
  --color-bubblegum-beam-900: #5a163e;
  --color-bubblegum-beam-950: #390926;
  --color-baby-pink: #ffb5d0;
  --color-baby-pink-50: #ffe7ef;
  --color-baby-pink-100: #ffd6e4;
  --color-baby-pink-200: #ffb5d0;
  --color-baby-pink-300: #e4a4bb;
  --color-baby-pink-400: #c8849d;
  --color-baby-pink-500: #ad6a84;
  --color-baby-pink-600: #91526b;
  --color-baby-pink-700: #783f56;
  --color-baby-pink-800: #622f44;
  --color-baby-pink-900: #4d2334;
  --color-baby-pink-950: #321320;
  --color-purple-velour: #571b56;
  --color-purple-velour-50: #fff0fe;
  --color-purple-velour-100: #ffe0fd;
  --color-purple-velour-200: #f8c3f5;
  --color-purple-velour-300: #e5aae2;
  --color-purple-velour-400: #c989c6;
  --color-purple-velour-500: #af6dac;
  --color-purple-velour-600: #935490;
  --color-purple-velour-700: #7a4078;
  --color-purple-velour-800: #643062;
  --color-purple-velour-900: #571b56;
  --color-purple-velour-950: #361535;
  --color-minotaurus-brown: #8e2400;
  --color-minotaurus-brown-50: #fff2ee;
  --color-minotaurus-brown-100: #ffe5dd;
  --color-minotaurus-brown-200: #ffc8b8;
  --color-minotaurus-brown-300: #ffa48b;
  --color-minotaurus-brown-400: #e87b5d;
  --color-minotaurus-brown-500: #ca5c3f;
  --color-minotaurus-brown-600: #a94124;
  --color-minotaurus-brown-700: #8e2400;
  --color-minotaurus-brown-800: #6f1d04;
  --color-minotaurus-brown-900: #581300;
  --color-minotaurus-brown-950: #3a0800;
}