Bubblegum
#ff85ff
Bright cool-magenta pink for punchy UI accents
About Bubblegum
Bubblegum is the one that doesn't apologize. It's brighter and more saturated than everything else in this family, neon without the retro wink, fluorescent without feeling cheap. Where Candy Dreams glows and Candy Floss plays it safe, this one announces itself the moment it loads. It's got teeth.
You reach for it in product interfaces that need to feel young and intentional at the same time. Gaming apps, music streaming onboarding, social platforms targeting Gen Z, fitness apps celebrating personal milestones. It works in illustration and icon systems where you need maximum signal with minimum visual weight. Fashion brands use it for limited drops and flash sales because it reads urgent without being obnoxious. Even conservative industries occasionally pull it in for accent moments when they want to feel like they're taking a risk.
The catch: it's bold enough that poor pairing kills it. Muddy backgrounds will make it scream wrong. Keep it clean, stark whites, deep charcoals, or equally saturated complementary colors. And if you're running text directly on top, go heavy weight or it'll disappear into the background.
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.