Innocent Snowdrop to Galaxea Color Palette

About this palette

Innocent Snowdrop to Galaxea is a 5-color cool, monochromatic, gradient palette: #D2CEFF (Innocent Snowdrop), #9790C8 (Easter Egg), #7361B8 (Simply Purple), #57507C (Tangent Periwinkle), #342C5F (Galaxea). It mixes purple tones and feels cool overall. The strongest text pairing is #D2CEFF on #342C5F with a contrast ratio of 8.38:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Innocent Snowdrop	rgb(210, 206, 255)	hsl(245, 100%, 90%)
Easter Egg	rgb(151, 144, 200)	hsl(248, 34%, 67%)
Simply Purple	rgb(115, 97, 184)	hsl(252, 38%, 55%)
Tangent Periwinkle	rgb(87, 80, 124)	hsl(250, 22%, 40%)
Galaxea	rgb(52, 44, 95)	hsl(249, 37%, 27%)

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.38:1 Very good#D2CEFF on #342C5F
Aa8.38:1 Very good#342C5F on #D2CEFF
Aa4.93:1 Good#D2CEFF on #57507C
Aa4.93:1 Good#57507C on #D2CEFF
Aa4.27:1 Poor#9790C8 on #342C5F
Aa4.27:1 Poor#342C5F on #9790C8
Aa3.39:1 Poor#D2CEFF on #7361B8
Aa3.39:1 Poor#7361B8 on #D2CEFF

Color blindness preview

CSS variables

/* Innocent Snowdrop to Galaxea — https://swatchly.xyz/palette/d2ceff-9790c8-7361b8-57507c-342c5f */
:root {
  --innocent-snowdrop: #d2ceff;
  --easter-egg: #9790c8;
  --simply-purple: #7361b8;
  --tangent-periwinkle: #57507c;
  --galaxea: #342c5f;
}

Tailwind CSS v4

/* Innocent Snowdrop to Galaxea — https://swatchly.xyz/palette/d2ceff-9790c8-7361b8-57507c-342c5f */
@theme {
  --color-innocent-snowdrop: #d2ceff;
  --color-innocent-snowdrop-50: #f2f1ff;
  --color-innocent-snowdrop-100: #e7e5ff;
  --color-innocent-snowdrop-200: #d2ceff;
  --color-innocent-snowdrop-300: #bcb9e3;
  --color-innocent-snowdrop-400: #9d9ac6;
  --color-innocent-snowdrop-500: #837eab;
  --color-innocent-snowdrop-600: #69658f;
  --color-innocent-snowdrop-700: #534f76;
  --color-innocent-snowdrop-800: #413d5f;
  --color-innocent-snowdrop-900: #322e4b;
  --color-innocent-snowdrop-950: #1f1c30;
  --color-easter-egg: #9790c8;
  --color-easter-egg-50: #f1f0ff;
  --color-easter-egg-100: #e5e3ff;
  --color-easter-egg-200: #d0cbf9;
  --color-easter-egg-300: #b8b2e5;
  --color-easter-egg-400: #9790c8;
  --color-easter-egg-500: #7e76ad;
  --color-easter-egg-600: #655e91;
  --color-easter-egg-700: #504a77;
  --color-easter-egg-800: #3f3961;
  --color-easter-egg-900: #312c4e;
  --color-easter-egg-950: #1f1b34;
  --color-simply-purple: #7361b8;
  --color-simply-purple-50: #f5f4ff;
  --color-simply-purple-100: #ece9ff;
  --color-simply-purple-200: #d9d4ff;
  --color-simply-purple-300: #c4b9ff;
  --color-simply-purple-400: #a697ee;
  --color-simply-purple-500: #8c7bd4;
  --color-simply-purple-600: #7361b8;
  --color-simply-purple-700: #5c4a99;
  --color-simply-purple-800: #48377d;
  --color-simply-purple-900: #372964;
  --color-simply-purple-950: #221842;
  --color-tangent-periwinkle: #57507c;
  --color-tangent-periwinkle-50: #f5f4ff;
  --color-tangent-periwinkle-100: #eae8ff;
  --color-tangent-periwinkle-200: #d7d3f9;
  --color-tangent-periwinkle-300: #c1bce7;
  --color-tangent-periwinkle-400: #a29ccb;
  --color-tangent-periwinkle-500: #8780b0;
  --color-tangent-periwinkle-600: #6d6693;
  --color-tangent-periwinkle-700: #57507c;
  --color-tangent-periwinkle-800: #443e62;
  --color-tangent-periwinkle-900: #342f4d;
  --color-tangent-periwinkle-950: #201c32;
  --color-galaxea: #342c5f;
  --color-galaxea-50: #f4f4ff;
  --color-galaxea-100: #e9e8ff;
  --color-galaxea-200: #d5d2ff;
  --color-galaxea-300: #bebaef;
  --color-galaxea-400: #9f9ad4;
  --color-galaxea-500: #847fb9;
  --color-galaxea-600: #6b659c;
  --color-galaxea-700: #554f82;
  --color-galaxea-800: #433d6a;
  --color-galaxea-900: #342c5f;
  --color-galaxea-950: #201d38;
}