Imperial Purple to Bold Irish Color Palette

About this palette

Imperial Purple to Bold Irish is a 4-color cool palette: #542F68 (Imperial Purple), #C68EE3 (Dream Vapour), #EAFFEE (Snow White), #417F44 (Bold Irish). It mixes purple, white, green tones and feels cool overall. The strongest text pairing is #542F68 on #EAFFEE with a contrast ratio of 10.10:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Imperial Purple	rgb(84, 47, 104)	hsl(279, 38%, 30%)
Dream Vapour	rgb(198, 142, 227)	hsl(280, 60%, 72%)
Snow White	rgb(234, 255, 238)	hsl(131, 100%, 96%)
Bold Irish	rgb(65, 127, 68)	hsl(123, 32%, 38%)

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.

Aa10.10:1 Very good#542F68 on #EAFFEE
Aa10.10:1 Very good#EAFFEE on #542F68
Aa4.61:1 Good#EAFFEE on #417F44
Aa4.61:1 Good#417F44 on #EAFFEE
Aa4.22:1 Poor#542F68 on #C68EE3
Aa4.22:1 Poor#C68EE3 on #542F68

Color blindness preview

CSS variables

/* Imperial Purple to Bold Irish — https://swatchly.xyz/palette/542f68-c68ee3-eaffee-417f44 */
:root {
  --imperial-purple: #542f68;
  --dream-vapour: #c68ee3;
  --snow-white: #eaffee;
  --bold-irish: #417f44;
}

Tailwind CSS v4

/* Imperial Purple to Bold Irish — https://swatchly.xyz/palette/542f68-c68ee3-eaffee-417f44 */
@theme {
  --color-imperial-purple: #542f68;
  --color-imperial-purple-50: #faf2ff;
  --color-imperial-purple-100: #f4e4ff;
  --color-imperial-purple-200: #e9cafc;
  --color-imperial-purple-300: #d4b1ea;
  --color-imperial-purple-400: #b68fcd;
  --color-imperial-purple-500: #9b73b2;
  --color-imperial-purple-600: #7f5995;
  --color-imperial-purple-700: #67447a;
  --color-imperial-purple-800: #542f68;
  --color-imperial-purple-900: #3f264e;
  --color-imperial-purple-950: #281632;
  --color-dream-vapour: #c68ee3;
  --color-dream-vapour-50: #fbf5ff;
  --color-dream-vapour-100: #f7e9ff;
  --color-dream-vapour-200: #eecfff;
  --color-dream-vapour-300: #e0b2f9;
  --color-dream-vapour-400: #c68ee3;
  --color-dream-vapour-500: #a872c4;
  --color-dream-vapour-600: #8b56a5;
  --color-dream-vapour-700: #714088;
  --color-dream-vapour-800: #592e6e;
  --color-dream-vapour-900: #452157;
  --color-dream-vapour-950: #2c1138;
  --color-snow-white: #eaffee;
  --color-snow-white-50: #eaffee;
  --color-snow-white-100: #e5f2e8;
  --color-snow-white-200: #cfded2;
  --color-snow-white-300: #b7c8ba;
  --color-snow-white-400: #96a899;
  --color-snow-white-500: #798c7d;
  --color-snow-white-600: #5f7163;
  --color-snow-white-700: #4a5a4d;
  --color-snow-white-800: #38473b;
  --color-snow-white-900: #2a362d;
  --color-snow-white-950: #19221b;
  --color-bold-irish: #417f44;
  --color-bold-irish-50: #e1ffe0;
  --color-bold-irish-100: #d0f8d0;
  --color-bold-irish-200: #b8e7b8;
  --color-bold-irish-300: #9dd39d;
  --color-bold-irish-400: #79b57a;
  --color-bold-irish-500: #5c9a5e;
  --color-bold-irish-600: #417f44;
  --color-bold-irish-700: #2d6631;
  --color-bold-irish-800: #1e5121;
  --color-bold-irish-900: #123f16;
  --color-bold-irish-950: #08280a;
}