Enchanted Emerald to Nightmare color palette
64DFA9Enchanted EmeraldA3AB00Honey and Thyme788400Olive78478AGrapes of Italy572A70Purple Seduction002012Nightmare
About this palette
Enchanted Emerald to Nightmare is a 6-color cool, earthy palette: #64DFA9 (Enchanted Emerald), #A3AB00 (Honey and Thyme), #788400 (Olive), #78478A (Grapes of Italy), #572A70 (Purple Seduction), #002012 (Nightmare). It mixes green, purple tones and feels cool overall. The strongest text pairing is #64DFA9 on #002012 with a contrast ratio of 10.42:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Enchanted Emerald | rgb(100, 223, 169) | hsl(154, 66%, 63%) | |
| Honey and Thyme | rgb(163, 171, 0) | hsl(63, 100%, 34%) | |
| Olive | rgb(120, 132, 0) | hsl(65, 100%, 26%) | |
| Grapes of Italy | rgb(120, 71, 138) | hsl(284, 32%, 41%) | |
| Purple Seduction | rgb(87, 42, 112) | hsl(279, 45%, 30%) | |
| Nightmare | rgb(0, 32, 18) | hsl(154, 100%, 6%) |
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.42:1 #64DFA9 on #002012
- Aa10.42:1 #002012 on #64DFA9
- Aa6.90:1 #A3AB00 on #002012
- Aa6.90:1 #002012 on #A3AB00
- Aa6.43:1 #64DFA9 on #572A70
- Aa6.43:1 #572A70 on #64DFA9
- Aa4.25:1 #A3AB00 on #572A70
- Aa4.25:1 #572A70 on #A3AB00
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Enchanted Emerald to Nightmare — https://swatchly.xyz/palette/64dfa9-a3ab00-788400-78478a-572a70-002012 */
:root {
--enchanted-emerald: #64dfa9;
--honey-and-thyme: #a3ab00;
--olive: #788400;
--grapes-of-italy: #78478a;
--purple-seduction: #572a70;
--nightmare: #002012;
}
Tailwind CSS v4
/* Enchanted Emerald to Nightmare — https://swatchly.xyz/palette/64dfa9-a3ab00-788400-78478a-572a70-002012 */
@theme {
--color-enchanted-emerald: #64dfa9;
--color-enchanted-emerald-50: #e2ffef;
--color-enchanted-emerald-100: #bcffdd;
--color-enchanted-emerald-200: #9cefc6;
--color-enchanted-emerald-300: #64dfa9;
--color-enchanted-emerald-400: #46bd8b;
--color-enchanted-emerald-500: #08a16f;
--color-enchanted-emerald-600: #008158;
--color-enchanted-emerald-700: #006745;
--color-enchanted-emerald-800: #005035;
--color-enchanted-emerald-900: #003e28;
--color-enchanted-emerald-950: #002717;
--color-honey-and-thyme: #a3ab00;
--color-honey-and-thyme-50: #f5fcb8;
--color-honey-and-thyme-100: #ebf3a6;
--color-honey-and-thyme-200: #d8e083;
--color-honey-and-thyme-300: #c2ca5b;
--color-honey-and-thyme-400: #a3ab00;
--color-honey-and-thyme-500: #878e00;
--color-honey-and-thyme-600: #6d7200;
--color-honey-and-thyme-700: #565b00;
--color-honey-and-thyme-800: #434700;
--color-honey-and-thyme-900: #333600;
--color-honey-and-thyme-950: #202200;
--color-olive: #788400;
--color-olive-50: #f0fac1;
--color-olive-100: #e4efad;
--color-olive-200: #ceda8b;
--color-olive-300: #b5c366;
--color-olive-400: #94a237;
--color-olive-500: #788400;
--color-olive-600: #606a00;
--color-olive-700: #4c5400;
--color-olive-800: #3c4200;
--color-olive-900: #2e3400;
--color-olive-950: #1d2100;
--color-grapes-of-italy: #78478a;
--color-grapes-of-italy-50: #fbf1ff;
--color-grapes-of-italy-100: #f7e3ff;
--color-grapes-of-italy-200: #f0c9ff;
--color-grapes-of-italy-300: #deb1ef;
--color-grapes-of-italy-400: #c291d5;
--color-grapes-of-italy-500: #a976bc;
--color-grapes-of-italy-600: #8e5da1;
--color-grapes-of-italy-700: #78478a;
--color-grapes-of-italy-800: #5f366e;
--color-grapes-of-italy-900: #4b2757;
--color-grapes-of-italy-950: #30163a;
--color-purple-seduction: #572a70;
--color-purple-seduction-50: #f9f2ff;
--color-purple-seduction-100: #f4e4ff;
--color-purple-seduction-200: #e9c9ff;
--color-purple-seduction-300: #d7aef2;
--color-purple-seduction-400: #b98cd6;
--color-purple-seduction-500: #9e6fbb;
--color-purple-seduction-600: #82559d;
--color-purple-seduction-700: #694082;
--color-purple-seduction-800: #572a70;
--color-purple-seduction-900: #422353;
--color-purple-seduction-950: #2a1337;
--color-nightmare: #002012;
--color-nightmare-50: #e7fbef;
--color-nightmare-100: #dbf2e5;
--color-nightmare-200: #c4dfd0;
--color-nightmare-300: #abcab8;
--color-nightmare-400: #89ab98;
--color-nightmare-500: #6c8e7c;
--color-nightmare-600: #517261;
--color-nightmare-700: #3c5a4a;
--color-nightmare-800: #2b4537;
--color-nightmare-900: #1e3328;
--color-nightmare-950: #002012;
}
Similar palettes
- BDDA8FA4AA009658C6523D72111503Sage Sensation to Memorial Black
- 76870A171824B7D49E49478E4C3017DD9753Asparagus Sultan to Coffee Whip
- C394C5639542764287A7D684123B07Violaceous to Melancholia
- C9E5B996B77F5F87479449BF63357C28162EFrozen Forest to Dark Prom Queen
- 002B2C513D6686479283A643FFC1CDBlack Box to Pink
- D7D0FF2228007A8A00B6BE82523A99Innocent Snowdrop to Ruthless Empress
- 8DA24DCCCC97787E40492E73231F36Lime It or Leave It to Eclipse Elixir
- 2E23001347817F36779D6D1B63BF76ACE99FSecret Passage to Grape Green