Palette
A magical array of soft greens and ethereal tones, painting a picture of a whimsical, enchanted woods.
Preview
Interface
A quick look at how Enchanted Fairy Forest 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 Fairy Forest palette is a magical array of soft greens and ethereal tones, painting a picture of a whimsical, enchanted woods. Featuring deep forest green #3A5F4A, supportive mid-greens like #608E6F and #8BC09F, and airy light green #B0D9BF, with an almost-white #E2F1E4, this palette is perfect for playful and tranquil designs. It offers designers a charming and versatile array to create enchanting and imaginative visual narratives.
primary
Use #3A5F4A as a deep, grounding forest green for strong foundations or natural backgrounds.
secondary
Apply #608E6F as a soft, supportive mid-green in content areas or larger graphical elements.
accent
Incorporate #B0D9BF as a light, ethereal highlight for interactive elements or subtle glows.
background
Utilize #E2F1E4 for airy, nearly white backgrounds that enhance the palette's dreamy mood.
text
For light backgrounds like #E2F1E4, use dark charcoal or black. For dark colors like #3A5F4A, opt for white or a very light green.
Creates a rich, layered green for deep forest scenes, strong branding, or impactful visual hierarchy.
#3A5F4A · #608E6F · #8BC09FOffers a soft, ethereal blend for backgrounds, light accents, and conveying tranquility.
#E2F1E4 · #B0D9BF · #8BC09FProvides a strong primary with a soft accent, suitable for headers, key elements, and inviting compositions.
#3A5F4A · #E2F1E4 · #608E6F:root {
--enchanted-fairy-forest-1: #3A5F4A;
--enchanted-fairy-forest-2: #608E6F;
--enchanted-fairy-forest-3: #B0D9BF;
--enchanted-fairy-forest-4: #8BC09F;
--enchanted-fairy-forest-5: #E2F1E4;
}theme: {
extend: {
colors: {
"enchanted-fairy-forest": {
1: "#3A5F4A",
2: "#608E6F",
3: "#B0D9BF",
4: "#8BC09F",
5: "#E2F1E4",
}
}
}
}Palette colors
Accessibility
Similar palettes