Palette
A sweet and playful collection of soft, dreamy pastels reminiscent of carnival treats and childhood joy.
Preview
Interface
A quick look at how Bubblegum Carnival Pop 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 Bubblegum Carnival Pop palette is a sweet and playful collection of soft, dreamy pastels reminiscent of carnival treats and childhood joy. It includes #F8E0E3 (a very pale pink), #FFD2D7 (a soft rose pink), #A2D2FF (a gentle sky blue), #BDE0FE (a lighter blue), and #FFF3BC (a creamy yellow). This palette is perfect for designers and developers aiming to create lighthearted, whimsical, and comforting experiences, ideal for projects that require a touch of innocence and charm.
primary
Use #FFD2D7 for soft, inviting focal points or larger content blocks, conveying warmth and sweetness.
secondary
Employ #A2D2FF and #FFF3BC for balancing elements, backgrounds, or to introduce a gentle contrast.
accent
Apply #F8E0E3 and #BDE0FE for delicate highlights, subtle patterns, or to create an airy, ethereal feel.
background
A very light #F8E0E3 or #FFF3BC provides an excellent, soft base, allowing the other pastels to blend harmoniously.
text
Light grey or charcoal (#555555) is essential for text readability against these very light pastel backgrounds.
Creates a soft, sweet, and warm pastel gradient, ideal for inviting backgrounds or delicate branding.
#FFD2D7 · #F8E0E3 · #FFF3BCOffers a cool, airy, and gentle feel, perfect for backgrounds or elements needing a touch of calm.
#A2D2FF · #BDE0FE · #FFD2D7A balanced, playful, and cheerful combination, suitable for headers or feature sections.
#FFF3BC · #A2D2FF · #FFD2D7:root {
--bubblegum-carnival-pop-1: #F8E0E3;
--bubblegum-carnival-pop-2: #FFD2D7;
--bubblegum-carnival-pop-3: #A2D2FF;
--bubblegum-carnival-pop-4: #BDE0FE;
--bubblegum-carnival-pop-5: #FFF3BC;
}theme: {
extend: {
colors: {
"bubblegum-carnival-pop": {
1: "#F8E0E3",
2: "#FFD2D7",
3: "#A2D2FF",
4: "#BDE0FE",
5: "#FFF3BC",
}
}
}
}Palette colors
Accessibility
Similar palettes