Icy Plains to Evening Magic Color Palette

About this palette

Icy Plains to Evening Magic is a 5-color warm, earthy, vintage palette: #D7D8FF (Icy Plains), #C2A255 (Goldbricker), #8A8139 (Peas Please), #716628 (Himalaya), #353F83 (Evening Magic). It mixes purple, yellow, brown, blue tones and feels warm overall. The strongest text pairing is #D7D8FF on #353F83 with a contrast ratio of 6.92:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Icy Plains	rgb(215, 216, 255)	hsl(238, 100%, 92%)
Goldbricker	rgb(194, 162, 85)	hsl(42, 47%, 55%)
Peas Please	rgb(138, 129, 57)	hsl(53, 42%, 38%)
Himalaya	rgb(113, 102, 40)	hsl(51, 48%, 30%)
Evening Magic	rgb(53, 63, 131)	hsl(232, 42%, 36%)

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.

Aa6.92:1 Good#D7D8FF on #353F83
Aa6.92:1 Good#353F83 on #D7D8FF
Aa4.17:1 Poor#D7D8FF on #716628
Aa4.17:1 Poor#716628 on #D7D8FF
Aa3.92:1 Poor#C2A255 on #353F83
Aa3.92:1 Poor#353F83 on #C2A255

Color blindness preview

CSS variables

/* Icy Plains to Evening Magic — https://swatchly.xyz/palette/d7d8ff-c2a255-8a8139-716628-353f83 */
:root {
  --icy-plains: #d7d8ff;
  --goldbricker: #c2a255;
  --peas-please: #8a8139;
  --himalaya: #716628;
  --evening-magic: #353f83;
}

Tailwind CSS v4

/* Icy Plains to Evening Magic — https://swatchly.xyz/palette/d7d8ff-c2a255-8a8139-716628-353f83 */
@theme {
  --color-icy-plains: #d7d8ff;
  --color-icy-plains-50: #f7f7ff;
  --color-icy-plains-100: #ededff;
  --color-icy-plains-200: #d7d8ff;
  --color-icy-plains-300: #c0c1e1;
  --color-icy-plains-400: #a0a1c4;
  --color-icy-plains-500: #8484a8;
  --color-icy-plains-600: #69698b;
  --color-icy-plains-700: #525271;
  --color-icy-plains-800: #3f3f5a;
  --color-icy-plains-900: #303046;
  --color-icy-plains-950: #1d1d2d;
  --color-goldbricker: #c2a255;
  --color-goldbricker-50: #fff6e2;
  --color-goldbricker-100: #ffecc0;
  --color-goldbricker-200: #f0d8a2;
  --color-goldbricker-300: #ddc283;
  --color-goldbricker-400: #c2a255;
  --color-goldbricker-500: #a58638;
  --color-goldbricker-600: #886a17;
  --color-goldbricker-700: #6e5300;
  --color-goldbricker-800: #564000;
  --color-goldbricker-900: #423100;
  --color-goldbricker-950: #291d00;
  --color-peas-please: #8a8139;
  --color-peas-please-50: #faf6ce;
  --color-peas-please-100: #f0ebbd;
  --color-peas-please-200: #dcd69f;
  --color-peas-please-300: #c6be80;
  --color-peas-please-400: #a69e58;
  --color-peas-please-500: #8a8139;
  --color-peas-please-600: #706820;
  --color-peas-please-700: #5a520c;
  --color-peas-please-800: #474000;
  --color-peas-please-900: #383200;
  --color-peas-please-950: #231f00;
  --color-himalaya: #716628;
  --color-himalaya-50: #fcf6d4;
  --color-himalaya-100: #f2ebc4;
  --color-himalaya-200: #dfd6a7;
  --color-himalaya-300: #c8bf89;
  --color-himalaya-400: #a99e62;
  --color-himalaya-500: #8d8244;
  --color-himalaya-600: #716628;
  --color-himalaya-700: #5a5119;
  --color-himalaya-800: #473f0c;
  --color-himalaya-900: #373005;
  --color-himalaya-950: #231e01;
  --color-evening-magic: #353f83;
  --color-evening-magic-50: #f2f5ff;
  --color-evening-magic-100: #e5eaff;
  --color-evening-magic-200: #cbd6ff;
  --color-evening-magic-300: #aebeff;
  --color-evening-magic-400: #8e9ee7;
  --color-evening-magic-500: #7383cd;
  --color-evening-magic-600: #5b69b0;
  --color-evening-magic-700: #475394;
  --color-evening-magic-800: #353f83;
  --color-evening-magic-900: #293163;
  --color-evening-magic-950: #181e42;
}