Palette
A whimsical mix of light greens, blues, and purples, evoking a magical hidden glade.
Preview
Interface
A quick look at how Enchanted Fairy Dell 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 Dell palette is a whimsical mix of light greens like #98FB98, serene blues such as #AFEEEE and #DAF0EE, and soft purples like #D8BFD8 and #FADADD. This collection evokes a magical, hidden glade, perfect for light, dreamy, and playful designs. It creates an ethereal atmosphere, ideal for fantasy or child-friendly themes, offering designers a charming array of colors to inspire wonder and imagination.
primary
Use #98FB98 as a fresh, vibrant fairy green for playful accents or focal points.
secondary
Apply #AFEEEE as a serene, supportive blue in content areas or larger graphical elements.
accent
Incorporate #D8BFD8 as a soft, mystical highlight for interactive elements or subtle glows.
background
Utilize #FADADD for airy, light backgrounds that enhance the palette's dreamy mood.
text
For light backgrounds like #FADADD, use dark grey or black. For #98FB98, opt for a darker green or blue for readability.
Creates a soft, ethereal blend for backgrounds, delicate elements, and conveying tranquility.
#AFEEEE · #DAF0EE · #D8BFD8Provides fresh green with pink accents, ideal for highlights, decorative elements, and calls to action.
#98FB98 · #FADADD · #D8BFD8Offers a balanced blend for illustrations, whimsical branding, or inviting user interfaces.
#AFEEEE · #98FB98 · #D8BFD8:root {
--enchanted-fairy-dell-1: #98FB98;
--enchanted-fairy-dell-2: #AFEEEE;
--enchanted-fairy-dell-3: #DAF0EE;
--enchanted-fairy-dell-4: #D8BFD8;
--enchanted-fairy-dell-5: #FADADD;
}theme: {
extend: {
colors: {
"enchanted-fairy-dell": {
1: "#98FB98",
2: "#AFEEEE",
3: "#DAF0EE",
4: "#D8BFD8",
5: "#FADADD",
}
}
}
}Palette colors
Accessibility
Similar palettes