Palette
Shimmering purples and silver hues capture the magical sparkle of a dew-kissed garden.
Preview
Interface
A quick look at how Enchanted Dewdrop Garden 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 Garden palette blends shimmering purples and silver hues, featuring rich slate blue #6A5ACD, vivid blue violet #8A2BE2, gentle medium purple #9370DB, cool silver #C0C0C0, and ethereal lavender #E6E6FA. This collection captures the magical sparkle of a dew-kissed garden, perfect for elegant and mystical designs. It offers designers a sophisticated array to create enchanting, luxurious, and serene visual experiences.
primary
Use #8A2BE2 as a vibrant, enchanting focal point for strong branding or key design elements.
secondary
Apply #6A5ACD for rich, supportive purple-blue tones in content areas or larger graphical elements.
accent
Incorporate #C0C0C0 as a cool, shimmering highlight for interactive elements or subtle glows.
background
Utilize #E6E6FA for airy, ethereal backgrounds that enhance the palette's mystical mood.
text
For light backgrounds like #E6E6FA, use dark charcoal or black. For dark colors like #8A2BE2, opt for white or light grey.
Creates a deep, enchanting background for illustrations, strong branding, or evocative visuals.
#8A2BE2 · #9370DB · #6A5ACDOffers a light, ethereal blend for delicate elements, subtle highlights, and magical effects.
#C0C0C0 · #E6E6FA · #9370DBProvides a strong primary with a cool accent, suitable for headers, calls to action, and key information.
#8A2BE2 · #C0C0C0 · #6A5ACD:root {
--enchanted-dewdrop-garden-1: #6A5ACD;
--enchanted-dewdrop-garden-2: #8A2BE2;
--enchanted-dewdrop-garden-3: #9370DB;
--enchanted-dewdrop-garden-4: #C0C0C0;
--enchanted-dewdrop-garden-5: #E6E6FA;
}theme: {
extend: {
colors: {
"enchanted-dewdrop-garden": {
1: "#6A5ACD",
2: "#8A2BE2",
3: "#9370DB",
4: "#C0C0C0",
5: "#E6E6FA",
}
}
}
}Palette colors
Accessibility
Similar palettes