Innocent Snowdrop to Ruthless Empress color palette

D7D0FFInnocent Snowdrop 222800Lindworm Green 7A8A00Asparagus Sultan B6BE82Kiss a Frog 523A99Ruthless Empress

Open in generator Export PNG, PDF, ASE…

About this palette

Innocent Snowdrop to Ruthless Empress is a 5-color cool, earthy palette: #D7D0FF (Innocent Snowdrop), #222800 (Lindworm Green), #7A8A00 (Asparagus Sultan), #B6BE82 (Kiss a Frog), #523A99 (Ruthless Empress). It mixes purple, green tones and feels cool overall. The strongest text pairing is #D7D0FF on #222800 with a contrast ratio of 10.47:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Innocent Snowdrop	rgb(215, 208, 255)	hsl(249, 100%, 91%)
Lindworm Green	rgb(34, 40, 0)	hsl(69, 100%, 8%)
Asparagus Sultan	rgb(122, 138, 0)	hsl(67, 100%, 27%)
Kiss a Frog	rgb(182, 190, 130)	hsl(68, 32%, 63%)
Ruthless Empress	rgb(82, 58, 153)	hsl(255, 45%, 41%)

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.47:1 Very good#D7D0FF on #222800
Aa10.47:1 Very good#222800 on #D7D0FF
Aa7.78:1 Very good#222800 on #B6BE82
Aa7.78:1 Very good#B6BE82 on #222800
Aa5.92:1 Good#D7D0FF on #523A99
Aa5.92:1 Good#523A99 on #D7D0FF
Aa4.40:1 Poor#B6BE82 on #523A99
Aa4.40:1 Poor#523A99 on #B6BE82

Color blindness preview

CSS variables

/* Innocent Snowdrop to Ruthless Empress — https://swatchly.xyz/palette/d7d0ff-222800-7a8a00-b6be82-523a99 */
:root {
  --innocent-snowdrop: #d7d0ff;
  --lindworm-green: #222800;
  --asparagus-sultan: #7a8a00;
  --kiss-a-frog: #b6be82;
  --ruthless-empress: #523a99;
}

Tailwind CSS v4

/* Innocent Snowdrop to Ruthless Empress — https://swatchly.xyz/palette/d7d0ff-222800-7a8a00-b6be82-523a99 */
@theme {
  --color-innocent-snowdrop: #d7d0ff;
  --color-innocent-snowdrop-50: #f5f3ff;
  --color-innocent-snowdrop-100: #ebe7ff;
  --color-innocent-snowdrop-200: #d7d0ff;
  --color-innocent-snowdrop-300: #c0bbe2;
  --color-innocent-snowdrop-400: #a19bc5;
  --color-innocent-snowdrop-500: #867faa;
  --color-innocent-snowdrop-600: #6c658e;
  --color-innocent-snowdrop-700: #564f74;
  --color-innocent-snowdrop-800: #433d5d;
  --color-innocent-snowdrop-900: #332e49;
  --color-innocent-snowdrop-950: #201c2f;
  --color-lindworm-green: #222800;
  --color-lindworm-green-50: #f3f9e0;
  --color-lindworm-green-100: #e8efd3;
  --color-lindworm-green-200: #d4dcbb;
  --color-lindworm-green-300: #bdc6a0;
  --color-lindworm-green-400: #9ea77e;
  --color-lindworm-green-500: #848d63;
  --color-lindworm-green-600: #6a734a;
  --color-lindworm-green-700: #555d37;
  --color-lindworm-green-800: #444a29;
  --color-lindworm-green-900: #353b1e;
  --color-lindworm-green-950: #222800;
  --color-asparagus-sultan: #7a8a00;
  --color-asparagus-sultan-50: #effcc1;
  --color-asparagus-sultan-100: #e4f1ae;
  --color-asparagus-sultan-200: #cede8d;
  --color-asparagus-sultan-300: #b6c769;
  --color-asparagus-sultan-400: #96a739;
  --color-asparagus-sultan-500: #7a8a00;
  --color-asparagus-sultan-600: #626f00;
  --color-asparagus-sultan-700: #4d5800;
  --color-asparagus-sultan-800: #3c4500;
  --color-asparagus-sultan-900: #2e3600;
  --color-asparagus-sultan-950: #1d2200;
  --color-kiss-a-frog: #b6be82;
  --color-kiss-a-frog-50: #eff5d1;
  --color-kiss-a-frog-100: #e3e9c1;
  --color-kiss-a-frog-200: #ced5a6;
  --color-kiss-a-frog-300: #b6be82;
  --color-kiss-a-frog-400: #99a067;
  --color-kiss-a-frog-500: #7f864c;
  --color-kiss-a-frog-600: #676d35;
  --color-kiss-a-frog-700: #525724;
  --color-kiss-a-frog-800: #404517;
  --color-kiss-a-frog-900: #32360e;
  --color-kiss-a-frog-950: #1f2205;
  --color-ruthless-empress: #523a99;
  --color-ruthless-empress-50: #f5f4ff;
  --color-ruthless-empress-100: #eae8ff;
  --color-ruthless-empress-200: #d5d0ff;
  --color-ruthless-empress-300: #beb3ff;
  --color-ruthless-empress-400: #9e8df0;
  --color-ruthless-empress-500: #836fd3;
  --color-ruthless-empress-600: #6854b2;
  --color-ruthless-empress-700: #523a99;
  --color-ruthless-empress-800: #402d77;
  --color-ruthless-empress-900: #312160;
  --color-ruthless-empress-950: #1e133f;
}