Innocent Snowdrop to Wasabi Nori Color Palette

About this palette

Innocent Snowdrop to Wasabi Nori is a 5-color cool, vintage palette: #D6CEFF (Innocent Snowdrop), #DC728A (Raspberry Mousse), #77608C (Muted Purple), #005A47 (Evergreen), #313100 (Wasabi Nori). It mixes purple, pink, turquoise, brown tones and feels cool overall. The strongest text pairing is #D6CEFF on #313100 with a contrast ratio of 9.00:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Innocent Snowdrop	rgb(214, 206, 255)	hsl(250, 100%, 90%)
Raspberry Mousse	rgb(220, 114, 138)	hsl(346, 60%, 65%)
Muted Purple	rgb(119, 96, 140)	hsl(271, 19%, 46%)
Evergreen	rgb(0, 90, 71)	hsl(167, 100%, 18%)
Wasabi Nori	rgb(49, 49, 0)	hsl(60, 100%, 10%)

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.

Aa9.00:1 Very good#D6CEFF on #313100
Aa9.00:1 Very good#313100 on #D6CEFF
Aa5.53:1 Good#D6CEFF on #005A47
Aa5.53:1 Good#005A47 on #D6CEFF
Aa4.34:1 Poor#DC728A on #313100
Aa4.34:1 Poor#313100 on #DC728A
Aa3.68:1 Poor#D6CEFF on #77608C
Aa3.68:1 Poor#77608C on #D6CEFF

Color blindness preview

CSS variables

/* Innocent Snowdrop to Wasabi Nori — https://swatchly.xyz/palette/d6ceff-dc728a-77608c-005a47-313100 */
:root {
  --innocent-snowdrop: #d6ceff;
  --raspberry-mousse: #dc728a;
  --muted-purple: #77608c;
  --evergreen: #005a47;
  --wasabi-nori: #313100;
}

Tailwind CSS v4

/* Innocent Snowdrop to Wasabi Nori — https://swatchly.xyz/palette/d6ceff-dc728a-77608c-005a47-313100 */
@theme {
  --color-innocent-snowdrop: #d6ceff;
  --color-innocent-snowdrop-50: #f4f2ff;
  --color-innocent-snowdrop-100: #e9e6ff;
  --color-innocent-snowdrop-200: #d6ceff;
  --color-innocent-snowdrop-300: #c0b9e2;
  --color-innocent-snowdrop-400: #a199c6;
  --color-innocent-snowdrop-500: #867eab;
  --color-innocent-snowdrop-600: #6c648f;
  --color-innocent-snowdrop-700: #564e75;
  --color-innocent-snowdrop-800: #433d5e;
  --color-innocent-snowdrop-900: #342e4a;
  --color-innocent-snowdrop-950: #201c30;
  --color-raspberry-mousse: #dc728a;
  --color-raspberry-mousse-50: #ffecef;
  --color-raspberry-mousse-100: #ffdce2;
  --color-raspberry-mousse-200: #ffbcc8;
  --color-raspberry-mousse-300: #f998ac;
  --color-raspberry-mousse-400: #dc728a;
  --color-raspberry-mousse-500: #bf5871;
  --color-raspberry-mousse-600: #a14059;
  --color-raspberry-mousse-700: #852d46;
  --color-raspberry-mousse-800: #6d1f36;
  --color-raspberry-mousse-900: #581529;
  --color-raspberry-mousse-950: #3b0a19;
  --color-muted-purple: #77608c;
  --color-muted-purple-50: #f8f2ff;
  --color-muted-purple-100: #f2e5ff;
  --color-muted-purple-200: #e1cef3;
  --color-muted-purple-300: #ccb7e0;
  --color-muted-purple-400: #ad96c3;
  --color-muted-purple-500: #927aa8;
  --color-muted-purple-600: #77608c;
  --color-muted-purple-700: #5f4b72;
  --color-muted-purple-800: #4b395b;
  --color-muted-purple-900: #3a2b48;
  --color-muted-purple-950: #251a2e;
  --color-evergreen: #005a47;
  --color-evergreen-50: #dafff2;
  --color-evergreen-100: #cbf7e7;
  --color-evergreen-200: #aee3d1;
  --color-evergreen-300: #8ecdb8;
  --color-evergreen-400: #67ac97;
  --color-evergreen-500: #478f7a;
  --color-evergreen-600: #2b725f;
  --color-evergreen-700: #005a47;
  --color-evergreen-800: #084637;
  --color-evergreen-900: #02362a;
  --color-evergreen-950: #002219;
  --color-wasabi-nori: #313100;
  --color-wasabi-nori-50: #f6f8dc;
  --color-wasabi-nori-100: #eceecf;
  --color-wasabi-nori-200: #d9dbb6;
  --color-wasabi-nori-300: #c3c59b;
  --color-wasabi-nori-400: #a3a576;
  --color-wasabi-nori-500: #878859;
  --color-wasabi-nori-600: #6c6d40;
  --color-wasabi-nori-700: #54552c;
  --color-wasabi-nori-800: #40411e;
  --color-wasabi-nori-900: #313100;
  --color-wasabi-nori-950: #1d1d08;
}