Evil Cigar to Magical Malachite Color Palette

About this palette

Evil Cigar to Magical Malachite is a 5-color vibrant, cool palette: #522200 (Evil Cigar), #6771CC (Venus Violet), #00ECA5 (Aquamarine), #502DB5 (Royalty), #00C488 (Magical Malachite). It mixes brown, purple, green tones and feels cool overall. The strongest text pairing is #522200 on #00ECA5 with a contrast ratio of 8.53:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Evil Cigar	rgb(82, 34, 0)	hsl(25, 100%, 16%)
Venus Violet	rgb(103, 113, 204)	hsl(234, 50%, 60%)
Aquamarine	rgb(0, 236, 165)	hsl(162, 100%, 46%)
Royalty	rgb(80, 45, 181)	hsl(255, 60%, 44%)
Magical Malachite	rgb(0, 196, 136)	hsl(162, 100%, 38%)

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.53:1 Very good#522200 on #00ECA5
Aa8.53:1 Very good#00ECA5 on #522200
Aa5.83:1 Good#522200 on #00C488
Aa5.83:1 Good#00C488 on #522200
Aa5.68:1 Good#00ECA5 on #502DB5
Aa5.68:1 Good#502DB5 on #00ECA5
Aa3.88:1 Poor#502DB5 on #00C488
Aa3.88:1 Poor#00C488 on #502DB5

Color blindness preview

CSS variables

/* Evil Cigar to Magical Malachite — https://swatchly.xyz/palette/522200-6771cc-00eca5-502db5-00c488 */
:root {
  --evil-cigar: #522200;
  --venus-violet: #6771cc;
  --aquamarine: #00eca5;
  --royalty: #502db5;
  --magical-malachite: #00c488;
}

Tailwind CSS v4

/* Evil Cigar to Magical Malachite — https://swatchly.xyz/palette/522200-6771cc-00eca5-502db5-00c488 */
@theme {
  --color-evil-cigar: #522200;
  --color-evil-cigar-50: #fff2eb;
  --color-evil-cigar-100: #ffe5d8;
  --color-evil-cigar-200: #faccb4;
  --color-evil-cigar-300: #e8b498;
  --color-evil-cigar-400: #cb9374;
  --color-evil-cigar-500: #af7757;
  --color-evil-cigar-600: #915d3e;
  --color-evil-cigar-700: #77472b;
  --color-evil-cigar-800: #5f351d;
  --color-evil-cigar-900: #522200;
  --color-evil-cigar-950: #301708;
  --color-venus-violet: #6771cc;
  --color-venus-violet-50: #f0f2ff;
  --color-venus-violet-100: #e1e6ff;
  --color-venus-violet-200: #c5ceff;
  --color-venus-violet-300: #a7b3ff;
  --color-venus-violet-400: #838feb;
  --color-venus-violet-500: #6771cc;
  --color-venus-violet-600: #5159ae;
  --color-venus-violet-700: #3f4491;
  --color-venus-violet-800: #303477;
  --color-venus-violet-900: #242761;
  --color-venus-violet-950: #161841;
  --color-aquamarine: #00eca5;
  --color-aquamarine-50: #eafff4;
  --color-aquamarine-100: #caffe4;
  --color-aquamarine-200: #88f9c5;
  --color-aquamarine-300: #00eca5;
  --color-aquamarine-400: #00c68a;
  --color-aquamarine-500: #00a472;
  --color-aquamarine-600: #00845a;
  --color-aquamarine-700: #006847;
  --color-aquamarine-800: #005136;
  --color-aquamarine-900: #003e28;
  --color-aquamarine-950: #002718;
  --color-royalty: #502db5;
  --color-royalty-50: #f4f4ff;
  --color-royalty-100: #e9e9ff;
  --color-royalty-200: #d3d1ff;
  --color-royalty-300: #bab5ff;
  --color-royalty-400: #998cff;
  --color-royalty-500: #7e67f1;
  --color-royalty-600: #654bcf;
  --color-royalty-700: #502db5;
  --color-royalty-800: #3e248d;
  --color-royalty-900: #301872;
  --color-royalty-950: #1d0c4c;
  --color-magical-malachite: #00c488;
  --color-magical-malachite-50: #e2fff0;
  --color-magical-malachite-100: #beffde;
  --color-magical-malachite-200: #91f3c4;
  --color-magical-malachite-300: #69e0ab;
  --color-magical-malachite-400: #00c488;
  --color-magical-malachite-500: #00a370;
  --color-magical-malachite-600: #00835a;
  --color-magical-malachite-700: #006846;
  --color-magical-malachite-800: #005136;
  --color-magical-malachite-900: #003e28;
  --color-magical-malachite-950: #002718;
}