Bubbelgum Heart
#ffbadf
Deeper bubblegum rose for distinct soft UI accents
About Bubbelgum Heart
Bubblegum Heart is the one that actually looks like bubblegum. It's brighter and more saturated than Cotton Candy, where that one reads as pale and deliberate, this one reads as a color with intention and warmth. It's also pinker than Berry Butter, less likely to disappear into beige undertones. There's real chroma here without the fussiness of something trying too hard.
Reach for it when you need playfulness without sacrifice, beauty apps, wellness onboarding, subscription interfaces, even fintech products that want to feel friendly instead of clinical. It works on cards and buttons where Cotton Candy would flatten, has enough pop to hold secondary UI elements without screaming. Against warm neutrals it gets cozier; against cool grays it stays readable and stands slightly apart without feeling isolated.
The catch: it's saturated enough that it'll dominate if you're not intentional with contrast and spacing. Test it at actual size before you commit, especially in smaller elements. Pair it with white or near-white backgrounds and it reads confident rather than candy-colored.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.