pastelvibrant
Bubblegum Pop Color Palette
Bubblegum Pop is a pastel and vibrant color palette of 5 colors: Flamingo (#ff99c8), Lemon Chiffon (#fcf6bd), Eggshell (#d0f4de), Light Blue (#a9def9) and Periwinkle (#e4c1f9). Its dominant hue is pink.
The darkest color, Flamingo, on the lightest, Lemon Chiffon, gives a 1.79:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Flamingo (#ff99c8) is its most saturated color and a natural choice for buttons and links.
Colors
- Flamingo
- Lemon Chiffon
- Eggshell
- Light Blue
- Periwinkle
CSS Output
:root {
--bubblegum-pop-1: #ff99c8;
--bubblegum-pop-2: #fcf6bd;
--bubblegum-pop-3: #d0f4de;
--bubblegum-pop-4: #a9def9;
--bubblegum-pop-5: #e4c1f9;
}Bubblegum Pop on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.