Majestic Eggplant to Holographic Lavender color palette

4D2F88Majestic Eggplant B1C27EZoodles 6E6FB9Venus Violet 222400Lindworm Green E6E3FFHolographic Lavender

Open in generator Export PNG, PDF, ASE…

About this palette

Majestic Eggplant to Holographic Lavender is a 5-color cool palette: #4D2F88 (Majestic Eggplant), #B1C27E (Zoodles), #6E6FB9 (Venus Violet), #222400 (Lindworm Green), #E6E3FF (Holographic Lavender). It mixes purple, green tones and feels cool overall. The strongest text pairing is #222400 on #E6E3FF with a contrast ratio of 12.72:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Majestic Eggplant	rgb(77, 47, 136)	hsl(260, 49%, 36%)
Zoodles	rgb(177, 194, 126)	hsl(75, 36%, 63%)
Venus Violet	rgb(110, 111, 185)	hsl(239, 35%, 58%)
Lindworm Green	rgb(34, 36, 0)	hsl(63, 100%, 7%)
Holographic Lavender	rgb(230, 227, 255)	hsl(246, 100%, 95%)

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.

Aa12.72:1 Super#222400 on #E6E3FF
Aa12.72:1 Super#E6E3FF on #222400
Aa8.25:1 Very good#B1C27E on #222400
Aa8.25:1 Very good#222400 on #B1C27E
Aa8.08:1 Very good#4D2F88 on #E6E3FF
Aa8.08:1 Very good#E6E3FF on #4D2F88
Aa5.24:1 Good#4D2F88 on #B1C27E
Aa5.24:1 Good#B1C27E on #4D2F88

Color blindness preview

CSS variables

/* Majestic Eggplant to Holographic Lavender — https://swatchly.xyz/palette/4d2f88-b1c27e-6e6fb9-222400-e6e3ff */
:root {
  --majestic-eggplant: #4d2f88;
  --zoodles: #b1c27e;
  --venus-violet: #6e6fb9;
  --lindworm-green: #222400;
  --holographic-lavender: #e6e3ff;
}

Tailwind CSS v4

/* Majestic Eggplant to Holographic Lavender — https://swatchly.xyz/palette/4d2f88-b1c27e-6e6fb9-222400-e6e3ff */
@theme {
  --color-majestic-eggplant: #4d2f88;
  --color-majestic-eggplant-50: #f5f3ff;
  --color-majestic-eggplant-100: #ece8ff;
  --color-majestic-eggplant-200: #dad0ff;
  --color-majestic-eggplant-300: #c6b4ff;
  --color-majestic-eggplant-400: #a991ee;
  --color-majestic-eggplant-500: #8e74d4;
  --color-majestic-eggplant-600: #755ab6;
  --color-majestic-eggplant-700: #5e4599;
  --color-majestic-eggplant-800: #4d2f88;
  --color-majestic-eggplant-900: #3a2666;
  --color-majestic-eggplant-950: #251644;
  --color-zoodles: #b1c27e;
  --color-zoodles-50: #ecf7cf;
  --color-zoodles-100: #e0ecbf;
  --color-zoodles-200: #cad8a3;
  --color-zoodles-300: #b1c27e;
  --color-zoodles-400: #94a363;
  --color-zoodles-500: #7a8947;
  --color-zoodles-600: #627030;
  --color-zoodles-700: #4d5a1e;
  --color-zoodles-800: #3c4711;
  --color-zoodles-900: #2f3808;
  --color-zoodles-950: #1c2302;
  --color-venus-violet: #6e6fb9;
  --color-venus-violet-50: #f3f4ff;
  --color-venus-violet-100: #eaecff;
  --color-venus-violet-200: #d6d9ff;
  --color-venus-violet-300: #bec2ff;
  --color-venus-violet-400: #9fa2ec;
  --color-venus-violet-500: #8688d4;
  --color-venus-violet-600: #6e6fb9;
  --color-venus-violet-700: #56569a;
  --color-venus-violet-800: #42427e;
  --color-venus-violet-900: #323164;
  --color-venus-violet-950: #1e1d42;
  --color-lindworm-green: #222400;
  --color-lindworm-green-50: #f5f8e1;
  --color-lindworm-green-100: #ebeed4;
  --color-lindworm-green-200: #d7dbbc;
  --color-lindworm-green-300: #c1c5a2;
  --color-lindworm-green-400: #a1a57f;
  --color-lindworm-green-500: #878b64;
  --color-lindworm-green-600: #6d704b;
  --color-lindworm-green-700: #575a38;
  --color-lindworm-green-800: #444729;
  --color-lindworm-green-900: #35371d;
  --color-lindworm-green-950: #222400;
  --color-holographic-lavender: #e6e3ff;
  --color-holographic-lavender-50: #f1efff;
  --color-holographic-lavender-100: #e6e3ff;
  --color-holographic-lavender-200: #d3d1e6;
  --color-holographic-lavender-300: #bdbbd2;
  --color-holographic-lavender-400: #9f9cb5;
  --color-holographic-lavender-500: #84819b;
  --color-holographic-lavender-600: #6b6880;
  --color-holographic-lavender-700: #555268;
  --color-holographic-lavender-800: #424052;
  --color-holographic-lavender-900: #333040;
  --color-holographic-lavender-950: #1f1e29;
}