Magic Carpet to Imperial Lilac color palette

8E88C0Magic Carpet 7B53ABRoyal Lavender F9D2E9Creamy Strawberry 6B2A55Pretty in Prune 2B2E4AMidnight Masquerade B19ECEImperial Lilac

Open in generator Export PNG, PDF, ASE…

About this palette

Magic Carpet to Imperial Lilac is a 6-color cool palette: #8E88C0 (Magic Carpet), #7B53AB (Royal Lavender), #F9D2E9 (Creamy Strawberry), #6B2A55 (Pretty in Prune), #2B2E4A (Midnight Masquerade), #B19ECE (Imperial Lilac). It mixes purple, pink, red tones and feels cool overall. The strongest text pairing is #F9D2E9 on #2B2E4A with a contrast ratio of 9.69:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Magic Carpet	rgb(142, 136, 192)	hsl(246, 31%, 64%)
Royal Lavender	rgb(123, 83, 171)	hsl(267, 35%, 50%)
Creamy Strawberry	rgb(249, 210, 233)	hsl(325, 76%, 90%)
Pretty in Prune	rgb(107, 42, 85)	hsl(320, 44%, 29%)
Midnight Masquerade	rgb(43, 46, 74)	hsl(234, 26%, 23%)
Imperial Lilac	rgb(177, 158, 206)	hsl(264, 33%, 71%)

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.

Aa9.69:1 Very good#F9D2E9 on #2B2E4A
Aa9.69:1 Very good#2B2E4A on #F9D2E9
Aa7.39:1 Very good#F9D2E9 on #6B2A55
Aa7.39:1 Very good#6B2A55 on #F9D2E9
Aa5.43:1 Good#2B2E4A on #B19ECE
Aa5.43:1 Good#B19ECE on #2B2E4A
Aa4.21:1 Poor#7B53AB on #F9D2E9
Aa4.21:1 Poor#F9D2E9 on #7B53AB

Color blindness preview

CSS variables

/* Magic Carpet to Imperial Lilac — https://swatchly.xyz/palette/8e88c0-7b53ab-f9d2e9-6b2a55-2b2e4a-b19ece */
:root {
  --magic-carpet: #8e88c0;
  --royal-lavender: #7b53ab;
  --creamy-strawberry: #f9d2e9;
  --pretty-in-prune: #6b2a55;
  --midnight-masquerade: #2b2e4a;
  --imperial-lilac: #b19ece;
}

Tailwind CSS v4

/* Magic Carpet to Imperial Lilac — https://swatchly.xyz/palette/8e88c0-7b53ab-f9d2e9-6b2a55-2b2e4a-b19ece */
@theme {
  --color-magic-carpet: #8e88c0;
  --color-magic-carpet-50: #f6f6ff;
  --color-magic-carpet-100: #eeedff;
  --color-magic-carpet-200: #dbd8ff;
  --color-magic-carpet-300: #c6c1f2;
  --color-magic-carpet-400: #a8a3d9;
  --color-magic-carpet-500: #8e88c0;
  --color-magic-carpet-600: #726ca1;
  --color-magic-carpet-700: #5a5485;
  --color-magic-carpet-800: #46406b;
  --color-magic-carpet-900: #353054;
  --color-magic-carpet-950: #201c36;
  --color-royal-lavender: #7b53ab;
  --color-royal-lavender-50: #f7f3ff;
  --color-royal-lavender-100: #efe6ff;
  --color-royal-lavender-200: #e0ccff;
  --color-royal-lavender-300: #cfadff;
  --color-royal-lavender-400: #b18be4;
  --color-royal-lavender-500: #966ec9;
  --color-royal-lavender-600: #7b53ab;
  --color-royal-lavender-700: #633f8d;
  --color-royal-lavender-800: #4e2e73;
  --color-royal-lavender-900: #3d215c;
  --color-royal-lavender-950: #27133d;
  --color-creamy-strawberry: #f9d2e9;
  --color-creamy-strawberry-50: #fff8fc;
  --color-creamy-strawberry-100: #ffebf7;
  --color-creamy-strawberry-200: #f9d2e9;
  --color-creamy-strawberry-300: #dcbdcf;
  --color-creamy-strawberry-400: #bd9aaf;
  --color-creamy-strawberry-500: #a17d93;
  --color-creamy-strawberry-600: #846277;
  --color-creamy-strawberry-700: #6a4c5e;
  --color-creamy-strawberry-800: #533949;
  --color-creamy-strawberry-900: #412b38;
  --color-creamy-strawberry-950: #291a23;
  --color-pretty-in-prune: #6b2a55;
  --color-pretty-in-prune-50: #fff0f9;
  --color-pretty-in-prune-100: #ffe1f2;
  --color-pretty-in-prune-200: #fec3e6;
  --color-pretty-in-prune-300: #ecaad1;
  --color-pretty-in-prune-400: #d089b4;
  --color-pretty-in-prune-500: #b56d99;
  --color-pretty-in-prune-600: #98547f;
  --color-pretty-in-prune-700: #7e3f67;
  --color-pretty-in-prune-800: #6b2a55;
  --color-pretty-in-prune-900: #512241;
  --color-pretty-in-prune-950: #351329;
  --color-midnight-masquerade: #2b2e4a;
  --color-midnight-masquerade-50: #f3f4ff;
  --color-midnight-masquerade-100: #e6eaff;
  --color-midnight-masquerade-200: #d1d6f1;
  --color-midnight-masquerade-300: #babfdd;
  --color-midnight-masquerade-400: #9a9fc0;
  --color-midnight-masquerade-500: #7e83a4;
  --color-midnight-masquerade-600: #646887;
  --color-midnight-masquerade-700: #4e516d;
  --color-midnight-masquerade-800: #3b3f57;
  --color-midnight-masquerade-900: #2b2e4a;
  --color-midnight-masquerade-950: #1b1c2b;
  --color-imperial-lilac: #b19ece;
  --color-imperial-lilac-50: #f9f6ff;
  --color-imperial-lilac-100: #f2ebff;
  --color-imperial-lilac-200: #e3d5f9;
  --color-imperial-lilac-300: #cebee7;
  --color-imperial-lilac-400: #b19ece;
  --color-imperial-lilac-500: #9482b0;
  --color-imperial-lilac-600: #786692;
  --color-imperial-lilac-700: #604f77;
  --color-imperial-lilac-800: #4b3c5f;
  --color-imperial-lilac-900: #392d4a;
  --color-imperial-lilac-950: #231a2f;
}