Iron Maiden to Professor Plum color palette

DED2E8Iron Maiden E1CFEDSweet Dreams A997B2Metal Petal 957A9CAmorous 5C4A63Your Majesty 3C3040Professor Plum

Open in generator Export PNG, PDF, ASE…

About this palette

Iron Maiden to Professor Plum is a 6-color muted, cool palette: #DED2E8 (Iron Maiden), #E1CFED (Sweet Dreams), #A997B2 (Metal Petal), #957A9C (Amorous), #5C4A63 (Your Majesty), #3C3040 (Professor Plum). It mixes gray, purple tones and feels cool overall. The strongest text pairing is #DED2E8 on #3C3040 with a contrast ratio of 8.58:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Iron Maiden	rgb(222, 210, 232)	hsl(273, 32%, 87%)
Sweet Dreams	rgb(225, 207, 237)	hsl(276, 45%, 87%)
Metal Petal	rgb(169, 151, 178)	hsl(280, 15%, 65%)
Amorous	rgb(149, 122, 156)	hsl(288, 15%, 55%)
Your Majesty	rgb(92, 74, 99)	hsl(283, 14%, 34%)
Professor Plum	rgb(60, 48, 64)	hsl(285, 14%, 22%)

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.

Aa8.58:1 Very good#DED2E8 on #3C3040
Aa8.58:1 Very good#3C3040 on #DED2E8
Aa8.50:1 Very good#E1CFED on #3C3040
Aa8.50:1 Very good#3C3040 on #E1CFED
Aa5.54:1 Good#DED2E8 on #5C4A63
Aa5.54:1 Good#5C4A63 on #DED2E8
Aa5.49:1 Good#E1CFED on #5C4A63
Aa5.49:1 Good#5C4A63 on #E1CFED

Color blindness preview

CSS variables

/* Iron Maiden to Professor Plum — https://swatchly.xyz/palette/ded2e8-e1cfed-a997b2-957a9c-5c4a63-3c3040 */
:root {
  --iron-maiden: #ded2e8;
  --sweet-dreams: #e1cfed;
  --metal-petal: #a997b2;
  --amorous: #957a9c;
  --your-majesty: #5c4a63;
  --professor-plum: #3c3040;
}

Tailwind CSS v4

/* Iron Maiden to Professor Plum — https://swatchly.xyz/palette/ded2e8-e1cfed-a997b2-957a9c-5c4a63-3c3040 */
@theme {
  --color-iron-maiden: #ded2e8;
  --color-iron-maiden-50: #f9f2fe;
  --color-iron-maiden-100: #efe8f6;
  --color-iron-maiden-200: #ded2e8;
  --color-iron-maiden-300: #c6bccf;
  --color-iron-maiden-400: #a79cb0;
  --color-iron-maiden-500: #8c8195;
  --color-iron-maiden-600: #71677a;
  --color-iron-maiden-700: #5a5162;
  --color-iron-maiden-800: #473e4d;
  --color-iron-maiden-900: #37303c;
  --color-iron-maiden-950: #221d26;
  --color-sweet-dreams: #e1cfed;
  --color-sweet-dreams-50: #f9f1ff;
  --color-sweet-dreams-100: #f1e6f9;
  --color-sweet-dreams-200: #e1cfed;
  --color-sweet-dreams-300: #c9bad3;
  --color-sweet-dreams-400: #aa9ab5;
  --color-sweet-dreams-500: #8f7e9a;
  --color-sweet-dreams-600: #74657f;
  --color-sweet-dreams-700: #5d4f66;
  --color-sweet-dreams-800: #493d51;
  --color-sweet-dreams-900: #392e3f;
  --color-sweet-dreams-950: #231c28;
  --color-metal-petal: #a997b2;
  --color-metal-petal-50: #faf0ff;
  --color-metal-petal-100: #f1e5f7;
  --color-metal-petal-200: #decfe5;
  --color-metal-petal-300: #c8b8d0;
  --color-metal-petal-400: #a997b2;
  --color-metal-petal-500: #8e7c97;
  --color-metal-petal-600: #73637c;
  --color-metal-petal-700: #5c4e64;
  --color-metal-petal-800: #493c4f;
  --color-metal-petal-900: #392e3e;
  --color-metal-petal-950: #241c28;
  --color-amorous: #957a9c;
  --color-amorous-50: #fcf0ff;
  --color-amorous-100: #f6e3fb;
  --color-amorous-200: #e4ceea;
  --color-amorous-300: #cfb6d5;
  --color-amorous-400: #b196b7;
  --color-amorous-500: #957a9c;
  --color-amorous-600: #7a6080;
  --color-amorous-700: #624b68;
  --color-amorous-800: #4d3953;
  --color-amorous-900: #3c2b41;
  --color-amorous-950: #261a29;
  --color-your-majesty: #5c4a63;
  --color-your-majesty-50: #fbf1ff;
  --color-your-majesty-100: #f3e6f8;
  --color-your-majesty-200: #e0d0e6;
  --color-your-majesty-300: #cab8d1;
  --color-your-majesty-400: #ab97b2;
  --color-your-majesty-500: #8f7b97;
  --color-your-majesty-600: #73617a;
  --color-your-majesty-700: #5c4a63;
  --color-your-majesty-800: #48394d;
  --color-your-majesty-900: #372b3c;
  --color-your-majesty-950: #231a26;
  --color-professor-plum: #3c3040;
  --color-professor-plum-50: #faf2fd;
  --color-professor-plum-100: #f1e7f4;
  --color-professor-plum-200: #ded3e2;
  --color-professor-plum-300: #c8bccd;
  --color-professor-plum-400: #aa9caf;
  --color-professor-plum-500: #8f8194;
  --color-professor-plum-600: #756879;
  --color-professor-plum-700: #5e5262;
  --color-professor-plum-800: #4a404e;
  --color-professor-plum-900: #3c3040;
  --color-professor-plum-950: #251e27;
}