Enchanted Lilac to Murasaki Color Palette

About this palette

Enchanted Lilac to Murasaki is a 4-color cool palette: #A699C5 (Enchanted Lilac), #814A5D (Nocturne Red), #DCBFFD (Neon Boneyard), #4F2D54 (Murasaki). It mixes purple, red tones and feels cool overall. The strongest text pairing is #DCBFFD on #4F2D54 with a contrast ratio of 7.03:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Enchanted Lilac	rgb(166, 153, 197)	hsl(258, 28%, 69%)
Nocturne Red	rgb(129, 74, 93)	hsl(339, 27%, 40%)
Neon Boneyard	rgb(220, 191, 253)	hsl(268, 94%, 87%)
Murasaki	rgb(79, 45, 84)	hsl(292, 30%, 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.

Aa7.03:1 Very good#DCBFFD on #4F2D54
Aa7.03:1 Very good#4F2D54 on #DCBFFD
Aa4.35:1 Poor#A699C5 on #4F2D54
Aa4.35:1 Poor#4F2D54 on #A699C5
Aa4.21:1 Poor#814A5D on #DCBFFD
Aa4.21:1 Poor#DCBFFD on #814A5D

Color blindness preview

CSS variables

/* Enchanted Lilac to Murasaki — https://swatchly.xyz/palette/a699c5-814a5d-dcbffd-4f2d54 */
:root {
  --enchanted-lilac: #a699c5;
  --nocturne-red: #814a5d;
  --neon-boneyard: #dcbffd;
  --murasaki: #4f2d54;
}

Tailwind CSS v4

/* Enchanted Lilac to Murasaki — https://swatchly.xyz/palette/a699c5-814a5d-dcbffd-4f2d54 */
@theme {
  --color-enchanted-lilac: #a699c5;
  --color-enchanted-lilac-50: #f6f3ff;
  --color-enchanted-lilac-100: #ede7ff;
  --color-enchanted-lilac-200: #dbd1f4;
  --color-enchanted-lilac-300: #c5bae1;
  --color-enchanted-lilac-400: #a699c5;
  --color-enchanted-lilac-500: #8b7ea8;
  --color-enchanted-lilac-600: #70648c;
  --color-enchanted-lilac-700: #594e72;
  --color-enchanted-lilac-800: #463c5c;
  --color-enchanted-lilac-900: #362d48;
  --color-enchanted-lilac-950: #211b2f;
  --color-nocturne-red: #814a5d;
  --color-nocturne-red-50: #fff1f5;
  --color-nocturne-red-100: #ffe3eb;
  --color-nocturne-red-200: #facad9;
  --color-nocturne-red-300: #e9b3c4;
  --color-nocturne-red-400: #cd93a6;
  --color-nocturne-red-500: #b3788c;
  --color-nocturne-red-600: #985f72;
  --color-nocturne-red-700: #814a5d;
  --color-nocturne-red-800: #673849;
  --color-nocturne-red-900: #512a38;
  --color-nocturne-red-950: #351822;
  --color-neon-boneyard: #dcbffd;
  --color-neon-boneyard-50: #f3eaff;
  --color-neon-boneyard-100: #ebdbff;
  --color-neon-boneyard-200: #dcbffd;
  --color-neon-boneyard-300: #c5ace2;
  --color-neon-boneyard-400: #a98dc7;
  --color-neon-boneyard-500: #8f73ad;
  --color-neon-boneyard-600: #755b91;
  --color-neon-boneyard-700: #5f4778;
  --color-neon-boneyard-800: #4c3762;
  --color-neon-boneyard-900: #3b294e;
  --color-neon-boneyard-950: #251832;
  --color-murasaki: #4f2d54;
  --color-murasaki-50: #fdf0ff;
  --color-murasaki-100: #fbe1ff;
  --color-murasaki-200: #eacbee;
  --color-murasaki-300: #d5b2da;
  --color-murasaki-400: #b690bb;
  --color-murasaki-500: #99739e;
  --color-murasaki-600: #7c5881;
  --color-murasaki-700: #624267;
  --color-murasaki-800: #4f2d54;
  --color-murasaki-900: #3b243e;
  --color-murasaki-950: #251527;
}