Drops of God to Icy Plains color palette

521D36Drops of God 8FC174Pistachio 3F6E32Botanical 8F8BB5Magic Carpet DCD8FFIcy Plains

About this palette

Drops of God to Icy Plains is a 5-color cool palette: #521D36 (Drops of God), #8FC174 (Pistachio), #3F6E32 (Botanical), #8F8BB5 (Magic Carpet), #DCD8FF (Icy Plains). It mixes red, green, purple tones and feels cool overall. The strongest text pairing is #521D36 on #DCD8FF with a contrast ratio of 9.64:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Drops of God	rgb(82, 29, 54)	hsl(332, 48%, 22%)
Pistachio	rgb(143, 193, 116)	hsl(99, 38%, 61%)
Botanical	rgb(63, 110, 50)	hsl(107, 38%, 31%)
Magic Carpet	rgb(143, 139, 181)	hsl(246, 22%, 63%)
Icy Plains	rgb(220, 216, 255)	hsl(246, 100%, 92%)

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.64:1 Very good#521D36 on #DCD8FF
Aa9.64:1 Very good#DCD8FF on #521D36
Aa6.33:1 Good#521D36 on #8FC174
Aa6.33:1 Good#8FC174 on #521D36
Aa4.39:1 Poor#3F6E32 on #DCD8FF
Aa4.39:1 Poor#DCD8FF on #3F6E32
Aa4.11:1 Poor#521D36 on #8F8BB5
Aa4.11:1 Poor#8F8BB5 on #521D36

Color blindness preview

CSS variables

/* Drops of God to Icy Plains — https://swatchly.xyz/palette/521d36-8fc174-3f6e32-8f8bb5-dcd8ff */
:root {
  --drops-of-god: #521d36;
  --pistachio: #8fc174;
  --botanical: #3f6e32;
  --magic-carpet: #8f8bb5;
  --icy-plains: #dcd8ff;
}

Tailwind CSS v4

/* Drops of God to Icy Plains — https://swatchly.xyz/palette/521d36-8fc174-3f6e32-8f8bb5-dcd8ff */
@theme {
  --color-drops-of-god: #521d36;
  --color-drops-of-god-50: #fff1f6;
  --color-drops-of-god-100: #ffe2ed;
  --color-drops-of-god-200: #fac7db;
  --color-drops-of-god-300: #e7aec4;
  --color-drops-of-god-400: #ca8ca5;
  --color-drops-of-god-500: #ae718a;
  --color-drops-of-god-600: #91576f;
  --color-drops-of-god-700: #774258;
  --color-drops-of-god-800: #5f3145;
  --color-drops-of-god-900: #521d36;
  --color-drops-of-god-950: #301521;
  --color-pistachio: #8fc174;
  --color-pistachio-50: #f2ffec;
  --color-pistachio-100: #e0fed1;
  --color-pistachio-200: #cbeeb9;
  --color-pistachio-300: #b3dc9e;
  --color-pistachio-400: #8fc174;
  --color-pistachio-500: #72a257;
  --color-pistachio-600: #558439;
  --color-pistachio-700: #3e6923;
  --color-pistachio-800: #2c5212;
  --color-pistachio-900: #1f3e07;
  --color-pistachio-950: #102602;
  --color-botanical: #3f6e32;
  --color-botanical-50: #e2ffdb;
  --color-botanical-100: #d6f6cd;
  --color-botanical-200: #c1e6b7;
  --color-botanical-300: #a8d39d;
  --color-botanical-400: #87b77b;
  --color-botanical-500: #6d9d60;
  --color-botanical-600: #548447;
  --color-botanical-700: #3f6e32;
  --color-botanical-800: #2f5723;
  --color-botanical-900: #214317;
  --color-botanical-950: #122b0a;
  --color-magic-carpet: #8f8bb5;
  --color-magic-carpet-50: #f6f6ff;
  --color-magic-carpet-100: #eeedff;
  --color-magic-carpet-200: #dcd9f9;
  --color-magic-carpet-300: #c7c4e8;
  --color-magic-carpet-400: #a9a5ce;
  --color-magic-carpet-500: #8f8bb5;
  --color-magic-carpet-600: #736f97;
  --color-magic-carpet-700: #5a567b;
  --color-magic-carpet-800: #464262;
  --color-magic-carpet-900: #35324d;
  --color-magic-carpet-950: #201e31;
  --color-icy-plains: #dcd8ff;
  --color-icy-plains-50: #f9f8ff;
  --color-icy-plains-100: #efeeff;
  --color-icy-plains-200: #dcd8ff;
  --color-icy-plains-300: #c5c1e1;
  --color-icy-plains-400: #a4a0c3;
  --color-icy-plains-500: #8884a7;
  --color-icy-plains-600: #6d698a;
  --color-icy-plains-700: #555270;
  --color-icy-plains-800: #423e59;
  --color-icy-plains-900: #322f46;
  --color-icy-plains-950: #1f1d2d;
}