Royal Crown to Neon Boneyard Color Palette

About this palette

Royal Crown to Neon Boneyard is a 5-color cool, monochromatic palette: #4B2F59 (Royal Crown), #9F77BE (Wisteria), #DFA2FA (Testosterose), #8043A2 (Purple Pleasures), #E9C7FF (Neon Boneyard). It mixes purple tones and feels cool overall. The strongest text pairing is #4B2F59 on #E9C7FF with a contrast ratio of 7.61:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Royal Crown	rgb(75, 47, 89)	hsl(280, 31%, 27%)
Wisteria	rgb(159, 119, 190)	hsl(274, 35%, 61%)
Testosterose	rgb(223, 162, 250)	hsl(282, 90%, 81%)
Purple Pleasures	rgb(128, 67, 162)	hsl(279, 41%, 45%)
Neon Boneyard	rgb(233, 199, 255)	hsl(276, 100%, 89%)

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.61:1 Very good#4B2F59 on #E9C7FF
Aa7.61:1 Very good#E9C7FF on #4B2F59
Aa5.78:1 Good#4B2F59 on #DFA2FA
Aa5.78:1 Good#DFA2FA on #4B2F59
Aa4.34:1 Poor#8043A2 on #E9C7FF
Aa4.34:1 Poor#E9C7FF on #8043A2
Aa3.30:1 Poor#DFA2FA on #8043A2
Aa3.30:1 Poor#8043A2 on #DFA2FA

Color blindness preview

CSS variables

/* Royal Crown to Neon Boneyard — https://swatchly.xyz/palette/4b2f59-9f77be-dfa2fa-8043a2-e9c7ff */
:root {
  --royal-crown: #4b2f59;
  --wisteria: #9f77be;
  --testosterose: #dfa2fa;
  --purple-pleasures: #8043a2;
  --neon-boneyard: #e9c7ff;
}

Tailwind CSS v4

/* Royal Crown to Neon Boneyard — https://swatchly.xyz/palette/4b2f59-9f77be-dfa2fa-8043a2-e9c7ff */
@theme {
  --color-royal-crown: #4b2f59;
  --color-royal-crown-50: #faf1ff;
  --color-royal-crown-100: #f5e4ff;
  --color-royal-crown-200: #e5cdf3;
  --color-royal-crown-300: #cfb4df;
  --color-royal-crown-400: #b092c1;
  --color-royal-crown-500: #9475a4;
  --color-royal-crown-600: #775a86;
  --color-royal-crown-700: #5e446c;
  --color-royal-crown-800: #4b2f59;
  --color-royal-crown-900: #382542;
  --color-royal-crown-950: #231629;
  --color-wisteria: #9f77be;
  --color-wisteria-50: #f9f3ff;
  --color-wisteria-100: #f4e7ff;
  --color-wisteria-200: #e8cdff;
  --color-wisteria-300: #d6b4f3;
  --color-wisteria-400: #b993d8;
  --color-wisteria-500: #9f77be;
  --color-wisteria-600: #835ca0;
  --color-wisteria-700: #694684;
  --color-wisteria-800: #54346a;
  --color-wisteria-900: #412654;
  --color-wisteria-950: #291637;
  --color-testosterose: #dfa2fa;
  --color-testosterose-50: #faefff;
  --color-testosterose-100: #f5e0ff;
  --color-testosterose-200: #ecc3ff;
  --color-testosterose-300: #dfa2fa;
  --color-testosterose-400: #be84d7;
  --color-testosterose-500: #a368bc;
  --color-testosterose-600: #874f9f;
  --color-testosterose-700: #6e3b83;
  --color-testosterose-800: #582b6b;
  --color-testosterose-900: #461f55;
  --color-testosterose-950: #2d1138;
  --color-purple-pleasures: #8043a2;
  --color-purple-pleasures-50: #f9f2ff;
  --color-purple-pleasures-100: #f3e2ff;
  --color-purple-pleasures-200: #e8c4ff;
  --color-purple-pleasures-300: #d9a2fb;
  --color-purple-pleasures-400: #ba7ede;
  --color-purple-pleasures-500: #9d60c1;
  --color-purple-pleasures-600: #8043a2;
  --color-purple-pleasures-700: #673284;
  --color-purple-pleasures-800: #52236c;
  --color-purple-pleasures-900: #411956;
  --color-purple-pleasures-950: #2a0d39;
  --color-neon-boneyard: #e9c7ff;
  --color-neon-boneyard-50: #f9f1ff;
  --color-neon-boneyard-100: #f4e3ff;
  --color-neon-boneyard-200: #e9c7ff;
  --color-neon-boneyard-300: #d0b3e2;
  --color-neon-boneyard-400: #b293c6;
  --color-neon-boneyard-500: #9777aa;
  --color-neon-boneyard-600: #7b5d8e;
  --color-neon-boneyard-700: #634874;
  --color-neon-boneyard-800: #4f375d;
  --color-neon-boneyard-900: #3d294a;
  --color-neon-boneyard-950: #271830;
}