Icy Plains to Black Velvet color palette

D5D5FFIcy Plains D299AFExotic Lilac BB74A1Romanov Mauve 605C1DReptile Revenge 1E4336Everglade 22213ABlack Velvet

Open in generator Export PNG, PDF, ASE…

About this palette

Icy Plains to Black Velvet is a 6-color vintage palette: #D5D5FF (Icy Plains), #D299AF (Exotic Lilac), #BB74A1 (Romanov Mauve), #605C1D (Reptile Revenge), #1E4336 (Everglade), #22213A (Black Velvet). It mixes purple, pink, brown, turquoise tones and feels balanced overall. The strongest text pairing is #D5D5FF on #22213A with a contrast ratio of 10.98:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Icy Plains	rgb(213, 213, 255)	hsl(240, 100%, 92%)
Exotic Lilac	rgb(210, 153, 175)	hsl(337, 39%, 71%)
Romanov Mauve	rgb(187, 116, 161)	hsl(322, 34%, 59%)
Reptile Revenge	rgb(96, 92, 29)	hsl(56, 54%, 25%)
Everglade	rgb(30, 67, 54)	hsl(159, 38%, 19%)
Black Velvet	rgb(34, 33, 58)	hsl(242, 27%, 18%)

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.98:1 Very good#D5D5FF on #22213A
Aa10.98:1 Very good#22213A on #D5D5FF
Aa7.74:1 Very good#D5D5FF on #1E4336
Aa7.74:1 Very good#1E4336 on #D5D5FF
Aa6.62:1 Good#D299AF on #22213A
Aa6.62:1 Good#22213A on #D299AF
Aa4.86:1 Good#D5D5FF on #605C1D
Aa4.86:1 Good#605C1D on #D5D5FF

Color blindness preview

CSS variables

/* Icy Plains to Black Velvet — https://swatchly.xyz/palette/d5d5ff-d299af-bb74a1-605c1d-1e4336-22213a */
:root {
  --icy-plains: #d5d5ff;
  --exotic-lilac: #d299af;
  --romanov-mauve: #bb74a1;
  --reptile-revenge: #605c1d;
  --everglade: #1e4336;
  --black-velvet: #22213a;
}

Tailwind CSS v4

/* Icy Plains to Black Velvet — https://swatchly.xyz/palette/d5d5ff-d299af-bb74a1-605c1d-1e4336-22213a */
@theme {
  --color-icy-plains: #d5d5ff;
  --color-icy-plains-50: #f5f6ff;
  --color-icy-plains-100: #ebebff;
  --color-icy-plains-200: #d5d5ff;
  --color-icy-plains-300: #bfbfe2;
  --color-icy-plains-400: #9f9fc5;
  --color-icy-plains-500: #8383a9;
  --color-icy-plains-600: #69688c;
  --color-icy-plains-700: #525172;
  --color-icy-plains-800: #403f5b;
  --color-icy-plains-900: #303048;
  --color-icy-plains-950: #1e1d2e;
  --color-exotic-lilac: #d299af;
  --color-exotic-lilac-50: #fff6f9;
  --color-exotic-lilac-100: #ffeaf2;
  --color-exotic-lilac-200: #fcd1e1;
  --color-exotic-lilac-300: #ebbacc;
  --color-exotic-lilac-400: #d299af;
  --color-exotic-lilac-500: #b37c91;
  --color-exotic-lilac-600: #946075;
  --color-exotic-lilac-700: #78495c;
  --color-exotic-lilac-800: #603748;
  --color-exotic-lilac-900: #4a2836;
  --color-exotic-lilac-950: #2f1621;
  --color-romanov-mauve: #bb74a1;
  --color-romanov-mauve-50: #fff3fa;
  --color-romanov-mauve-100: #ffe6f5;
  --color-romanov-mauve-200: #ffcaea;
  --color-romanov-mauve-300: #f0b1d7;
  --color-romanov-mauve-400: #d590bb;
  --color-romanov-mauve-500: #bb74a1;
  --color-romanov-mauve-600: #9c5884;
  --color-romanov-mauve-700: #80426a;
  --color-romanov-mauve-800: #663054;
  --color-romanov-mauve-900: #502241;
  --color-romanov-mauve-950: #331329;
  --color-reptile-revenge: #605c1d;
  --color-reptile-revenge-50: #f9f8d5;
  --color-reptile-revenge-100: #efeec7;
  --color-reptile-revenge-200: #dddbad;
  --color-reptile-revenge-300: #c8c691;
  --color-reptile-revenge-400: #aaa76c;
  --color-reptile-revenge-500: #908c4f;
  --color-reptile-revenge-600: #767236;
  --color-reptile-revenge-700: #605c1d;
  --color-reptile-revenge-800: #4b4813;
  --color-reptile-revenge-900: #3a3709;
  --color-reptile-revenge-950: #242203;
  --color-everglade: #1e4336;
  --color-everglade-50: #e5fbf2;
  --color-everglade-100: #d9f2e7;
  --color-everglade-200: #c2e0d3;
  --color-everglade-300: #a6c9ba;
  --color-everglade-400: #82a899;
  --color-everglade-500: #658c7c;
  --color-everglade-600: #4b6f61;
  --color-everglade-700: #36574a;
  --color-everglade-800: #1e4336;
  --color-everglade-900: #1b322a;
  --color-everglade-950: #0e1f19;
  --color-black-velvet: #22213a;
  --color-black-velvet-50: #f4f4ff;
  --color-black-velvet-100: #e8e9fe;
  --color-black-velvet-200: #d4d5ee;
  --color-black-velvet-300: #bdbeda;
  --color-black-velvet-400: #9e9ebd;
  --color-black-velvet-500: #8484a3;
  --color-black-velvet-600: #6a6b88;
  --color-black-velvet-700: #555570;
  --color-black-velvet-800: #44435b;
  --color-black-velvet-900: #35354a;
  --color-black-velvet-950: #22213a;
}