Enchanted Lavender to Myrtle Color Palette

About this palette

Enchanted Lavender to Myrtle is a 5-color cool, earthy, vintage palette: #CDA8E7 (Enchanted Lavender), #CE976C (Whiskey), #1787AA (Corfu Waters), #6F4936 (Cappuccino), #293F16 (Myrtle). It mixes purple, orange, blue, brown, green tones and feels cool overall. The strongest text pairing is #CDA8E7 on #293F16 with a contrast ratio of 5.70:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Enchanted Lavender	rgb(205, 168, 231)	hsl(275, 57%, 78%)
Whiskey	rgb(206, 151, 108)	hsl(26, 50%, 62%)
Corfu Waters	rgb(23, 135, 170)	hsl(194, 76%, 38%)
Cappuccino	rgb(111, 73, 54)	hsl(20, 35%, 32%)
Myrtle	rgb(41, 63, 22)	hsl(92, 48%, 17%)

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.

Aa5.70:1 Good#CDA8E7 on #293F16
Aa5.70:1 Good#293F16 on #CDA8E7
Aa4.55:1 Good#CE976C on #293F16
Aa4.55:1 Good#293F16 on #CE976C
Aa3.86:1 Poor#CDA8E7 on #6F4936
Aa3.86:1 Poor#6F4936 on #CDA8E7
Aa3.08:1 Poor#CE976C on #6F4936
Aa3.08:1 Poor#6F4936 on #CE976C

Color blindness preview

CSS variables

/* Enchanted Lavender to Myrtle — https://swatchly.xyz/palette/cda8e7-ce976c-1787aa-6f4936-293f16 */
:root {
  --enchanted-lavender: #cda8e7;
  --whiskey: #ce976c;
  --corfu-waters: #1787aa;
  --cappuccino: #6f4936;
  --myrtle: #293f16;
}

Tailwind CSS v4

/* Enchanted Lavender to Myrtle — https://swatchly.xyz/palette/cda8e7-ce976c-1787aa-6f4936-293f16 */
@theme {
  --color-enchanted-lavender: #cda8e7;
  --color-enchanted-lavender-50: #f7ecff;
  --color-enchanted-lavender-100: #f1ddff;
  --color-enchanted-lavender-200: #e1c4f6;
  --color-enchanted-lavender-300: #cda8e7;
  --color-enchanted-lavender-400: #ae8bc6;
  --color-enchanted-lavender-500: #9471ac;
  --color-enchanted-lavender-600: #7a5890;
  --color-enchanted-lavender-700: #634477;
  --color-enchanted-lavender-800: #4f3460;
  --color-enchanted-lavender-900: #3e274d;
  --color-enchanted-lavender-950: #271732;
  --color-whiskey: #ce976c;
  --color-whiskey-50: #fff4ec;
  --color-whiskey-100: #ffe8d7;
  --color-whiskey-200: #fbd0b0;
  --color-whiskey-300: #e8b894;
  --color-whiskey-400: #ce976c;
  --color-whiskey-500: #b07b51;
  --color-whiskey-600: #936037;
  --color-whiskey-700: #784a23;
  --color-whiskey-800: #603815;
  --color-whiskey-900: #4b2a0b;
  --color-whiskey-950: #301804;
  --color-corfu-waters: #1787aa;
  --color-corfu-waters-50: #e4f7ff;
  --color-corfu-waters-100: #c7eeff;
  --color-corfu-waters-200: #96ddfa;
  --color-corfu-waters-300: #72c6e6;
  --color-corfu-waters-400: #44a5c8;
  --color-corfu-waters-500: #1787aa;
  --color-corfu-waters-600: #006d8b;
  --color-corfu-waters-700: #005770;
  --color-corfu-waters-800: #004459;
  --color-corfu-waters-900: #003546;
  --color-corfu-waters-950: #00222e;
  --color-cappuccino: #6f4936;
  --color-cappuccino-50: #fff2ec;
  --color-cappuccino-100: #ffe5d9;
  --color-cappuccino-200: #f1cfbf;
  --color-cappuccino-300: #ddb7a4;
  --color-cappuccino-400: #c09682;
  --color-cappuccino-500: #a47a66;
  --color-cappuccino-600: #87604d;
  --color-cappuccino-700: #6f4936;
  --color-cappuccino-800: #573929;
  --color-cappuccino-900: #442b1e;
  --color-cappuccino-950: #2c1910;
  --color-myrtle: #293f16;
  --color-myrtle-50: #ebfbe1;
  --color-myrtle-100: #e0f2d4;
  --color-myrtle-200: #cbdfbc;
  --color-myrtle-300: #b2caa2;
  --color-myrtle-400: #92ac80;
  --color-myrtle-500: #789165;
  --color-myrtle-600: #5f774d;
  --color-myrtle-700: #4a613a;
  --color-myrtle-800: #3a4d2b;
  --color-myrtle-900: #293f16;
  --color-myrtle-950: #1b2711;
}