Italian Grape to Iron Maiden color palette

4A3D58Italian Grape 68664FIvy Topiary 8E8865Wilderness 9DB2A4Copper Patina D9D0E3Iron Maiden

About this palette

Italian Grape to Iron Maiden is a 5-color muted palette: #4A3D58 (Italian Grape), #68664F (Ivy Topiary), #8E8865 (Wilderness), #9DB2A4 (Copper Patina), #D9D0E3 (Iron Maiden). It mixes purple, gray, yellow tones and feels balanced overall. The strongest text pairing is #4A3D58 on #D9D0E3 with a contrast ratio of 6.71:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Italian Grape	rgb(74, 61, 88)	hsl(269, 18%, 29%)
Ivy Topiary	rgb(104, 102, 79)	hsl(55, 14%, 36%)
Wilderness	rgb(142, 136, 101)	hsl(51, 17%, 48%)
Copper Patina	rgb(157, 178, 164)	hsl(140, 12%, 66%)
Iron Maiden	rgb(217, 208, 227)	hsl(268, 25%, 85%)

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.71:1 Good#4A3D58 on #D9D0E3
Aa6.71:1 Good#D9D0E3 on #4A3D58
Aa4.45:1 Poor#4A3D58 on #9DB2A4
Aa4.45:1 Poor#9DB2A4 on #4A3D58
Aa3.91:1 Poor#68664F on #D9D0E3
Aa3.91:1 Poor#D9D0E3 on #68664F

Color blindness preview

CSS variables

/* Italian Grape to Iron Maiden — https://swatchly.xyz/palette/4a3d58-68664f-8e8865-9db2a4-d9d0e3 */
:root {
  --italian-grape: #4a3d58;
  --ivy-topiary: #68664f;
  --wilderness: #8e8865;
  --copper-patina: #9db2a4;
  --iron-maiden: #d9d0e3;
}

Tailwind CSS v4

/* Italian Grape to Iron Maiden — https://swatchly.xyz/palette/4a3d58-68664f-8e8865-9db2a4-d9d0e3 */
@theme {
  --color-italian-grape: #4a3d58;
  --color-italian-grape-50: #f8f2ff;
  --color-italian-grape-100: #f0e6fb;
  --color-italian-grape-200: #ddd2ea;
  --color-italian-grape-300: #c8bbd7;
  --color-italian-grape-400: #a99bb9;
  --color-italian-grape-500: #8e809e;
  --color-italian-grape-600: #736683;
  --color-italian-grape-700: #5d506a;
  --color-italian-grape-800: #4a3d58;
  --color-italian-grape-900: #382f42;
  --color-italian-grape-950: #231d2b;
  --color-ivy-topiary: #68664f;
  --color-ivy-topiary-50: #f7f6e8;
  --color-ivy-topiary-100: #ecebda;
  --color-ivy-topiary-200: #d7d6c2;
  --color-ivy-topiary-300: #c0bea8;
  --color-ivy-topiary-400: #a09e86;
  --color-ivy-topiary-500: #83816a;
  --color-ivy-topiary-600: #68664f;
  --color-ivy-topiary-700: #52513d;
  --color-ivy-topiary-800: #403f2e;
  --color-ivy-topiary-900: #323022;
  --color-ivy-topiary-950: #1f1e13;
  --color-wilderness: #8e8865;
  --color-wilderness-50: #f9f6e1;
  --color-wilderness-100: #f0ecd5;
  --color-wilderness-200: #ddd9bd;
  --color-wilderness-300: #c8c3a3;
  --color-wilderness-400: #a9a381;
  --color-wilderness-500: #8e8865;
  --color-wilderness-600: #736d4c;
  --color-wilderness-700: #5c5738;
  --color-wilderness-800: #484328;
  --color-wilderness-900: #38341d;
  --color-wilderness-950: #23200f;
  --color-copper-patina: #9db2a4;
  --color-copper-patina-50: #f1fcf4;
  --color-copper-patina-100: #e8f4ec;
  --color-copper-patina-200: #d4e3d9;
  --color-copper-patina-300: #bdcfc3;
  --color-copper-patina-400: #9db2a4;
  --color-copper-patina-500: #809487;
  --color-copper-patina-600: #64786b;
  --color-copper-patina-700: #4d5f53;
  --color-copper-patina-800: #3a4a40;
  --color-copper-patina-900: #2b382f;
  --color-copper-patina-950: #19221c;
  --color-iron-maiden: #d9d0e3;
  --color-iron-maiden-50: #f6f0fb;
  --color-iron-maiden-100: #ebe6f2;
  --color-iron-maiden-200: #d9d0e3;
  --color-iron-maiden-300: #c2bbcb;
  --color-iron-maiden-400: #a49cad;
  --color-iron-maiden-500: #898192;
  --color-iron-maiden-600: #6f6777;
  --color-iron-maiden-700: #585160;
  --color-iron-maiden-800: #463f4c;
  --color-iron-maiden-900: #35303b;
  --color-iron-maiden-950: #211d25;
}