Lavender Bliss to Snow White Color Palette

About this palette

Lavender Bliss to Snow White is a 4-color pastel, light, cool palette: #CDC3E1 (Lavender Bliss), #F6CFF4 (Kissed by Mist), #B8EDBC (Ice Ice), #E4FFF0 (Snow White). It mixes purple, pink, green, white tones and feels cool overall. The strongest text pairing is #CDC3E1 on #E4FFF0 with a contrast ratio of 1.59:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lavender Bliss	rgb(205, 195, 225)	hsl(260, 33%, 82%)
Kissed by Mist	rgb(246, 207, 244)	hsl(303, 68%, 89%)
Ice Ice	rgb(184, 237, 188)	hsl(125, 60%, 83%)
Snow White	rgb(228, 255, 240)	hsl(147, 100%, 95%)

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.

Color blindness preview

CSS variables

/* Lavender Bliss to Snow White — https://swatchly.xyz/palette/cdc3e1-f6cff4-b8edbc-e4fff0 */
:root {
  --lavender-bliss: #cdc3e1;
  --kissed-by-mist: #f6cff4;
  --ice-ice: #b8edbc;
  --snow-white: #e4fff0;
}

Tailwind CSS v4

/* Lavender Bliss to Snow White — https://swatchly.xyz/palette/cdc3e1-f6cff4-b8edbc-e4fff0 */
@theme {
  --color-lavender-bliss: #cdc3e1;
  --color-lavender-bliss-50: #faf8ff;
  --color-lavender-bliss-100: #f3edff;
  --color-lavender-bliss-200: #e1daf0;
  --color-lavender-bliss-300: #cdc3e1;
  --color-lavender-bliss-400: #aca3be;
  --color-lavender-bliss-500: #8f86a1;
  --color-lavender-bliss-600: #736a85;
  --color-lavender-bliss-700: #5b536b;
  --color-lavender-bliss-800: #463f54;
  --color-lavender-bliss-900: #352f41;
  --color-lavender-bliss-950: #211d29;
  --color-kissed-by-mist: #f6cff4;
  --color-kissed-by-mist-50: #fff6fe;
  --color-kissed-by-mist-100: #ffe8fe;
  --color-kissed-by-mist-200: #f6cff4;
  --color-kissed-by-mist-300: #dabad8;
  --color-kissed-by-mist-400: #bb98b9;
  --color-kissed-by-mist-500: #9f7b9d;
  --color-kissed-by-mist-600: #826081;
  --color-kissed-by-mist-700: #694a67;
  --color-kissed-by-mist-800: #523851;
  --color-kissed-by-mist-900: #402a3f;
  --color-kissed-by-mist-950: #291928;
  --color-ice-ice: #b8edbc;
  --color-ice-ice-50: #ecffed;
  --color-ice-ice-100: #dbfadd;
  --color-ice-ice-200: #b8edbc;
  --color-ice-ice-300: #a7d3ab;
  --color-ice-ice-400: #83b387;
  --color-ice-ice-500: #65976a;
  --color-ice-ice-600: #4b7b50;
  --color-ice-ice-700: #36623b;
  --color-ice-ice-800: #264d2b;
  --color-ice-ice-900: #1a3b1f;
  --color-ice-ice-950: #0d2511;
  --color-snow-white: #e4fff0;
  --color-snow-white-50: #e4fff0;
  --color-snow-white-100: #e1f2e8;
  --color-snow-white-200: #cbded4;
  --color-snow-white-300: #b2c8bc;
  --color-snow-white-400: #91a99c;
  --color-snow-white-500: #758d80;
  --color-snow-white-600: #5b7266;
  --color-snow-white-700: #465b50;
  --color-snow-white-800: #35473d;
  --color-snow-white-900: #27372f;
  --color-snow-white-950: #17221c;
}