Palette
Soft purples and muted greens create a whimsical, mystical atmosphere, like a hidden fairy ring in a glade.
Preview
Interface
A quick look at how Enchanted Fairy Ring 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 Ring palette combines soft purples and muted greens to create a whimsical, mystical atmosphere. Featuring vivid blue violet #8A2BE2, delicate plum #DDA0DD, medium purple #9370DB, deep olive green #556B2F, and warm dark khaki #BDB76B, this collection evokes a hidden fairy ring in a glade, perfect for playful and enchanting designs. It offers designers a unique array for creating imaginative and magical visual narratives.
primary
Use #8A2BE2 as a vibrant, enchanting purple for focal points or lively accents.
secondary
Apply #556B2F as a deep, grounding olive green for stability and natural elements.
accent
Incorporate #BDB76B as a warm, earthy highlight for interactive elements or subtle details.
background
Utilize #DDA0DD for soft, ethereal backgrounds that enhance the palette's mystical mood.
text
For light backgrounds like #DDA0DD, use dark charcoal or black. For dark colors like #8A2BE2, opt for white or a very light green.
Creates an earthy, magical background for illustrations, branding, or evocative visuals.
#556B2F · #9370DB · #BDB76BProvides vibrant purple with soft accents, ideal for highlights, decorative elements, and calls to action.
#8A2BE2 · #DDA0DD · #BDB76BOffers a grounded base with a whimsical accent, suitable for headers, key elements, and impactful branding.
#556B2F · #8A2BE2 · #DDA0DD:root {
--enchanted-fairy-ring-1: #8A2BE2;
--enchanted-fairy-ring-2: #DDA0DD;
--enchanted-fairy-ring-3: #9370DB;
--enchanted-fairy-ring-4: #556B2F;
--enchanted-fairy-ring-5: #BDB76B;
}theme: {
extend: {
colors: {
"enchanted-fairy-ring": {
1: "#8A2BE2",
2: "#DDA0DD",
3: "#9370DB",
4: "#556B2F",
5: "#BDB76B",
}
}
}
}Palette colors
Accessibility
Similar palettes