Bubblegum Pop color palette
Pink bubblegum #FF9FF3, cream yellow, aqua #81ECEC, sky blue and periwinkle #A29BFE. These are brighter than baby pastels but still light, so they feel playful and fizzy. With no dark tone in the set, they need a deep navy or purple outline for text and icons. K-pop fan pages and toy stores are a good match.
Bubblegum Pop palette in use
Use #FFEAA7 as the background and #A29BFE or #FF9FF3 for buttons, with deep navy text. #81ECEC and #74B9FF suit cards, tags and illustration fills.
This pair measures 17.57:1, so it works for body text too. The button uses #FF9FF3 with black text.
ButtonGood for
- K-pop fan page
- Toy store website
- Sticker shop branding
- Party supply packaging
Readable color pairs
No two colors in this palette reach 3:1 contrast, so use it for backgrounds and shapes, and set text in white or black. Check any pair in the contrast checker.
Bubblegum Pop palette as code
CSS variables
:root {
--bubblegum-pop-1: #FF9FF3;
--bubblegum-pop-2: #FFEAA7;
--bubblegum-pop-3: #81ECEC;
--bubblegum-pop-4: #74B9FF;
--bubblegum-pop-5: #A29BFE;
}Tailwind v4
@theme {
--color-bubblegum-pop-1: #FF9FF3;
--color-bubblegum-pop-2: #FFEAA7;
--color-bubblegum-pop-3: #81ECEC;
--color-bubblegum-pop-4: #74B9FF;
--color-bubblegum-pop-5: #A29BFE;
}Tailwind v3
// tailwind.config.js → theme.extend.colors
'bubblegum-pop': {
100: '#FF9FF3',
200: '#FFEAA7',
300: '#81ECEC',
400: '#74B9FF',
500: '#A29BFE',
},SCSS
$bubblegum-pop-1: #FF9FF3;
$bubblegum-pop-2: #FFEAA7;
$bubblegum-pop-3: #81ECEC;
$bubblegum-pop-4: #74B9FF;
$bubblegum-pop-5: #A29BFE;JSON
["#FF9FF3","#FFEAA7","#81ECEC","#74B9FF","#A29BFE"]Named colors in this palette
The nearest named color to each swatch, with its meaning and matching colors.