Enchanted Well to Wonka Purple Color Palette

About this palette

Enchanted Well to Wonka Purple is a 5-color cool palette: #4491B5 (Enchanted Well), #9EE2FF (Winter Wizard), #8D4100 (Otterly Brown), #7EB85B (Leafy Greens), #51285B (Wonka Purple). It mixes blue, brown, green, purple tones and feels cool overall. The strongest text pairing is #9EE2FF on #51285B with a contrast ratio of 8.19:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Enchanted Well	rgb(68, 145, 181)	hsl(199, 45%, 49%)
Winter Wizard	rgb(158, 226, 255)	hsl(198, 100%, 81%)
Otterly Brown	rgb(141, 65, 0)	hsl(28, 100%, 28%)
Leafy Greens	rgb(126, 184, 91)	hsl(97, 40%, 54%)
Wonka Purple	rgb(81, 40, 91)	hsl(288, 39%, 26%)

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.

Aa8.19:1 Very good#9EE2FF on #51285B
Aa8.19:1 Very good#51285B on #9EE2FF
Aa5.12:1 Good#9EE2FF on #8D4100
Aa5.12:1 Good#8D4100 on #9EE2FF
Aa4.93:1 Good#7EB85B on #51285B
Aa4.93:1 Good#51285B on #7EB85B
Aa3.30:1 Poor#4491B5 on #51285B
Aa3.30:1 Poor#51285B on #4491B5

Color blindness preview

CSS variables

/* Enchanted Well to Wonka Purple — https://swatchly.xyz/palette/4491b5-9ee2ff-8d4100-7eb85b-51285b */
:root {
  --enchanted-well: #4491b5;
  --winter-wizard: #9ee2ff;
  --otterly-brown: #8d4100;
  --leafy-greens: #7eb85b;
  --wonka-purple: #51285b;
}

Tailwind CSS v4

/* Enchanted Well to Wonka Purple — https://swatchly.xyz/palette/4491b5-9ee2ff-8d4100-7eb85b-51285b */
@theme {
  --color-enchanted-well: #4491b5;
  --color-enchanted-well-50: #eaf8ff;
  --color-enchanted-well-100: #d5f0ff;
  --color-enchanted-well-200: #aae1fe;
  --color-enchanted-well-300: #8ccbec;
  --color-enchanted-well-400: #64add0;
  --color-enchanted-well-500: #4491b5;
  --color-enchanted-well-600: #277698;
  --color-enchanted-well-700: #0e5e7d;
  --color-enchanted-well-800: #004964;
  --color-enchanted-well-900: #00384e;
  --color-enchanted-well-950: #002332;
  --color-winter-wizard: #9ee2ff;
  --color-winter-wizard-50: #e7f8ff;
  --color-winter-wizard-100: #d0f1ff;
  --color-winter-wizard-200: #9ee2ff;
  --color-winter-wizard-300: #91cae2;
  --color-winter-wizard-400: #6babc6;
  --color-winter-wizard-500: #4d90aa;
  --color-winter-wizard-600: #32758e;
  --color-winter-wizard-700: #1e5d74;
  --color-winter-wizard-800: #0e495d;
  --color-winter-wizard-900: #05384a;
  --color-winter-wizard-950: #012330;
  --color-otterly-brown: #8d4100;
  --color-otterly-brown-50: #fff2eb;
  --color-otterly-brown-100: #ffe5d7;
  --color-otterly-brown-200: #ffccaf;
  --color-otterly-brown-300: #f9af85;
  --color-otterly-brown-400: #de8e5e;
  --color-otterly-brown-500: #c3723f;
  --color-otterly-brown-600: #a55824;
  --color-otterly-brown-700: #8d4100;
  --color-otterly-brown-800: #6f3200;
  --color-otterly-brown-900: #572500;
  --color-otterly-brown-950: #391600;
  --color-leafy-greens: #7eb85b;
  --color-leafy-greens-50: #e8ffdc;
  --color-leafy-greens-100: #d5fac2;
  --color-leafy-greens-200: #bde9a6;
  --color-leafy-greens-300: #a3d587;
  --color-leafy-greens-400: #7eb85b;
  --color-leafy-greens-500: #639b3e;
  --color-leafy-greens-600: #487f21;
  --color-leafy-greens-700: #346606;
  --color-leafy-greens-800: #264f00;
  --color-leafy-greens-900: #1c3d00;
  --color-leafy-greens-950: #0f2600;
  --color-wonka-purple: #51285b;
  --color-wonka-purple-50: #fcf1ff;
  --color-wonka-purple-100: #f9e2ff;
  --color-wonka-purple-200: #edc9f6;
  --color-wonka-purple-300: #d8afe2;
  --color-wonka-purple-400: #b98cc4;
  --color-wonka-purple-500: #9c6fa7;
  --color-wonka-purple-600: #7e5489;
  --color-wonka-purple-700: #643e6d;
  --color-wonka-purple-800: #51285b;
  --color-wonka-purple-900: #3c2143;
  --color-wonka-purple-950: #25132a;
}