Palette
A cheerful explosion of soft, sugary hues, like a basket of your favorite fizzy candies.
Preview
Interface
A quick look at how Fizzy Candy Delight 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 Fizzy Candy Delight palette is a cheerful explosion of soft, sugary hues, reminiscent of a basket of favorite treats. It features two delightful pinks, #FFC0CB and #FFB6C1, alongside a refreshing light blue, #ADD8E6. A playful lime green, #90EE90, adds a zesty touch, while a vibrant golden yellow, #FFD700, brings a burst of sunny energy. This palette is perfect for designs aiming for a fun, youthful, and inviting atmosphere, appealing to a sense of joy and sweetness.
primary
Utilize #ADD8E6 as a refreshing primary color for larger sections or as a clean backdrop, offering a sense of calm playfulness.
secondary
Apply #FFC0CB for headings, buttons, or key visual elements to inject softness and sweetness into the design.
accent
Employ #FFD700 for calls to action, highlights, or small, impactful details to add a burst of vibrant, sunny energy.
background
Use #FFB6C1 as a soft, gentle background color, creating a warm and inviting canvas for content.
text
Pair a dark charcoal or black text with these light colors to ensure maximum readability, or use #90EE90 for playful headings on very dark backgrounds.
Creates a lively and inviting combination, ideal for product highlights or cheerful sections.
#FFC0CB · #FFD700 · #ADD8E6Offers a fresh and soft blend, suitable for nature-themed children's designs or calming layouts.
#90EE90 · #ADD8E6 · #FFB6C1A vibrant and energetic trio perfect for calls to action, playful illustrations, or brand accents.
#FFD700 · #FFC0CB · #90EE90:root {
--fizzy-candy-delight-1: #FFC0CB;
--fizzy-candy-delight-2: #FFB6C1;
--fizzy-candy-delight-3: #ADD8E6;
--fizzy-candy-delight-4: #90EE90;
--fizzy-candy-delight-5: #FFD700;
}theme: {
extend: {
colors: {
"fizzy-candy-delight": {
1: "#FFC0CB",
2: "#FFB6C1",
3: "#ADD8E6",
4: "#90EE90",
5: "#FFD700",
}
}
}
}Palette colors
Accessibility
Similar palettes