Blueberry to Enchanted Lavender color palette

4C4089Blueberry 2A1C48Silent Orbit EEEDFFFoundation White 8564D8Matt Purple B7ADE6Enchanted Lavender

Open in generator Export PNG, PDF, ASE…

About this palette

Blueberry to Enchanted Lavender is a 5-color cool, monochromatic palette: #4C4089 (Blueberry), #2A1C48 (Silent Orbit), #EEEDFF (Foundation White), #8564D8 (Matt Purple), #B7ADE6 (Enchanted Lavender). It mixes purple, white tones and feels cool overall. The strongest text pairing is #2A1C48 on #EEEDFF with a contrast ratio of 13.40:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blueberry	rgb(76, 64, 137)	hsl(250, 36%, 39%)
Silent Orbit	rgb(42, 28, 72)	hsl(259, 44%, 20%)
Foundation White	rgb(238, 237, 255)	hsl(243, 100%, 96%)
Matt Purple	rgb(133, 100, 216)	hsl(257, 60%, 62%)
Enchanted Lavender	rgb(183, 173, 230)	hsl(251, 53%, 79%)

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.

Aa13.40:1 Super#2A1C48 on #EEEDFF
Aa13.40:1 Super#EEEDFF on #2A1C48
Aa7.57:1 Very good#4C4089 on #EEEDFF
Aa7.57:1 Very good#EEEDFF on #4C4089
Aa7.46:1 Very good#2A1C48 on #B7ADE6
Aa7.46:1 Very good#B7ADE6 on #2A1C48
Aa4.22:1 Poor#4C4089 on #B7ADE6
Aa4.22:1 Poor#B7ADE6 on #4C4089

Color blindness preview

CSS variables

/* Blueberry to Enchanted Lavender — https://swatchly.xyz/palette/4c4089-2a1c48-eeedff-8564d8-b7ade6 */
:root {
  --blueberry: #4c4089;
  --silent-orbit: #2a1c48;
  --foundation-white: #eeedff;
  --matt-purple: #8564d8;
  --enchanted-lavender: #b7ade6;
}

Tailwind CSS v4

/* Blueberry to Enchanted Lavender — https://swatchly.xyz/palette/4c4089-2a1c48-eeedff-8564d8-b7ade6 */
@theme {
  --color-blueberry: #4c4089;
  --color-blueberry-50: #f4f4ff;
  --color-blueberry-100: #eae8ff;
  --color-blueberry-200: #d3d0ff;
  --color-blueberry-300: #bab4fc;
  --color-blueberry-400: #9a91e0;
  --color-blueberry-500: #7e74c2;
  --color-blueberry-600: #6359a2;
  --color-blueberry-700: #4c4089;
  --color-blueberry-800: #3b326a;
  --color-blueberry-900: #2d2555;
  --color-blueberry-950: #1b1637;
  --color-silent-orbit: #2a1c48;
  --color-silent-orbit-50: #f6f3ff;
  --color-silent-orbit-100: #ece7ff;
  --color-silent-orbit-200: #dad0fb;
  --color-silent-orbit-300: #c4b9e9;
  --color-silent-orbit-400: #a598cc;
  --color-silent-orbit-500: #8b7eb3;
  --color-silent-orbit-600: #726597;
  --color-silent-orbit-700: #5c517f;
  --color-silent-orbit-800: #4a4069;
  --color-silent-orbit-900: #3c3256;
  --color-silent-orbit-950: #2a1c48;
  --color-foundation-white: #eeedff;
  --color-foundation-white-50: #f8f8ff;
  --color-foundation-white-100: #eeedff;
  --color-foundation-white-200: #dad9e6;
  --color-foundation-white-300: #c2c2d0;
  --color-foundation-white-400: #a2a1b1;
  --color-foundation-white-500: #868595;
  --color-foundation-white-600: #6b6a7a;
  --color-foundation-white-700: #545361;
  --color-foundation-white-800: #42414d;
  --color-foundation-white-900: #32323c;
  --color-foundation-white-950: #1f1e26;
  --color-matt-purple: #8564d8;
  --color-matt-purple-50: #f4f2ff;
  --color-matt-purple-100: #e9e4ff;
  --color-matt-purple-200: #d5caff;
  --color-matt-purple-300: #beacff;
  --color-matt-purple-400: #a182f6;
  --color-matt-purple-500: #8564d8;
  --color-matt-purple-600: #6c4bb9;
  --color-matt-purple-700: #57379b;
  --color-matt-purple-800: #45287f;
  --color-matt-purple-900: #361c67;
  --color-matt-purple-950: #220f46;
  --color-enchanted-lavender: #b7ade6;
  --color-enchanted-lavender-50: #efedff;
  --color-enchanted-lavender-100: #e4dfff;
  --color-enchanted-lavender-200: #cfc7f5;
  --color-enchanted-lavender-300: #b7ade6;
  --color-enchanted-lavender-400: #9a90c6;
  --color-enchanted-lavender-500: #8176ac;
  --color-enchanted-lavender-600: #685e90;
  --color-enchanted-lavender-700: #534a77;
  --color-enchanted-lavender-800: #423a61;
  --color-enchanted-lavender-900: #342d4f;
  --color-enchanted-lavender-950: #201b33;
}