Palette
A deep, shimmering monochromatic green inspired by the pristine luster of dewdrops on emerald leaves.
Preview
Interface
A quick look at how Enchanted Dewdrop Emerald reads on buttons, badges, and alerts before you commit.
Marketing banner
A bolder treatment that stretches the primary and secondary colors across a full gradient banner.
Data visualization
Palette guide
The Enchanted Dewdrop Emerald palette is a stunning monochromatic collection of deep, shimmering greens and teals, ranging from the profound #004B49 to the luminous #00D6D3. Inspired by the pristine luster of dewdrops on emerald leaves, this palette offers elegance and freshness, perfect for sophisticated designs requiring a cohesive, jewel-toned aesthetic. It's ideal for designers seeking to convey luxury, nature, and a touch of magic.
primary
Use #004B49 as the deepest, most luxurious anchor for strong branding or dark backgrounds.
secondary
Apply #006D6B for rich, supportive mid-tones in content areas or larger graphical elements.
accent
Incorporate #00D6D3 as a bright, shimmering highlight for calls to action, interactive elements, or subtle glows.
background
Utilize #004B49 or #006D6B for a deep, opulent background that sets a luxurious mood.
text
For dark backgrounds, use white or very light grey. For very light colors like #00D6D3, opt for black or dark charcoal.
Creates rich depth and a subtle glow, ideal for backgrounds, large elements, or gradients.
#004B49 · #006D6B · #00908EProvides vibrant highlights against a mid-tone, perfect for calls to action or interactive elements.
#00B3B0 · #00D6D3 · #006D6BOffers smooth transitions for layered design elements, subtle gradients, or cohesive visual storytelling.
#006D6B · #00908E · #00B3B0:root {
--enchanted-dewdrop-emerald-1: #004B49;
--enchanted-dewdrop-emerald-2: #006D6B;
--enchanted-dewdrop-emerald-3: #00908E;
--enchanted-dewdrop-emerald-4: #00B3B0;
--enchanted-dewdrop-emerald-5: #00D6D3;
}theme: {
extend: {
colors: {
"enchanted-dewdrop-emerald": {
1: "#004B49",
2: "#006D6B",
3: "#00908E",
4: "#00B3B0",
5: "#00D6D3",
}
}
}
}Palette colors
Accessibility
Similar palettes