Palette
A whimsical mix of soft, muted tones, like scattered magical dust in an enchanted realm.
Preview
Interface
A quick look at how Enchanted Fairy Dust 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 Dust palette is a whimsical mix of soft, muted tones that evoke scattered magical dust in an enchanted realm. Featuring delicate lilac #ECC7E1, serene light blue #D0E1F9, fresh mint green #B9FBC0, soft yellow #FFF2BB, and gentle peach #FDE4CF, this collection is perfect for playful, dreamy, and ethereal designs. It offers designers a charming and versatile array to create enchanting and imaginative visual narratives.
primary
Use #ECC7E1 as a soft, enchanting lilac for gentle branding or key design elements.
secondary
Apply #D0E1F9 as a calm, supportive light blue in content areas or decorative details.
accent
Incorporate #B9FBC0 as a fresh, whimsical highlight for interactive elements or subtle glows.
background
Utilize #FFF2BB for airy, warm backgrounds that enhance the palette's dreamy mood.
text
For light backgrounds like #FFF2BB, use dark grey or charcoal. For #ECC7E1, opt for a darker purple or blue for readability.
Creates a soft, layered background for a serene and ethereal feel, ideal for dreamy visuals.
#D0E1F9 · #B9FBC0 · #FFF2BBProvides gentle pink and peach accents, ideal for decorative elements, highlights, and calls to action.
#ECC7E1 · #FDE4CF · #FFF2BBOffers a balanced blend for illustrations, soft branding, or inviting user interfaces.
#B9FBC0 · #ECC7E1 · #D0E1F9:root {
--enchanted-fairy-dust-1: #ECC7E1;
--enchanted-fairy-dust-2: #D0E1F9;
--enchanted-fairy-dust-3: #B9FBC0;
--enchanted-fairy-dust-4: #FFF2BB;
--enchanted-fairy-dust-5: #FDE4CF;
}theme: {
extend: {
colors: {
"enchanted-fairy-dust": {
1: "#ECC7E1",
2: "#D0E1F9",
3: "#B9FBC0",
4: "#FFF2BB",
5: "#FDE4CF",
}
}
}
}Palette colors
Accessibility
Similar palettes