Palette
A deep, lush exploration of greens, capturing the dark and mysterious essence of ancient evergreen forests.
Preview
Interface
A quick look at how Enchanted Evergreen Depth 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 Evergreen Depth palette offers a deep, lush exploration of greens and teals, from the profound #004D40 to the vibrant #00C8BE. Capturing the dark and mysterious essence of ancient evergreen forests, this monochromatic collection is perfect for creating sophisticated designs that evoke nature's enduring beauty and a sense of timeless elegance. It's ideal for designers seeking to convey depth, serenity, and natural luxury.
primary
Use #004D40 as the deepest, anchoring forest green for strong foundations or dark backgrounds.
secondary
Apply #00695C for rich, supportive mid-green tones in content areas or larger graphical elements.
accent
Incorporate #00C8BE as a bright, refreshing highlight for calls to action, interactive elements, or subtle glows.
background
Utilize #004D40 or #00695C for a deep, immersive background that sets a mysterious mood.
text
For dark backgrounds, use white or light grey. For very light colors like #00C8BE, opt for black or dark charcoal.
Creates rich depth and a subtle gradient for backgrounds, large elements, or layered visuals.
#004D40 · #00695C · #00897BProvides vibrant highlights against a mid-tone, perfect for calls to action or interactive elements.
#00A89C · #00C8BE · #00695COffers smooth transitions for layered design elements, subtle gradients, or cohesive visual storytelling.
#00695C · #00897B · #00A89C:root {
--enchanted-evergreen-depth-1: #004D40;
--enchanted-evergreen-depth-2: #00695C;
--enchanted-evergreen-depth-3: #00897B;
--enchanted-evergreen-depth-4: #00A89C;
--enchanted-evergreen-depth-5: #00C8BE;
}theme: {
extend: {
colors: {
"enchanted-evergreen-depth": {
1: "#004D40",
2: "#00695C",
3: "#00897B",
4: "#00A89C",
5: "#00C8BE",
}
}
}
}Palette colors
Accessibility
Similar palettes