Bubblegum Crisis
#eeccee
Soft pink highlight for UI cards and forms
About Bubblegum Crisis
Bubblegum Crisis hits different the moment you put it next to Bunny Tail. Where Bunny Tail recedes, this one pushes forward, it's got teeth. The saturation is noticeably higher, the warmth more insistent. It reads as intentional, almost defiant, the kind of pink that demands to be seen rather than felt.
You'll spot it in music and entertainment interfaces, retro-leaning design work, gaming UIs, and anywhere nostalgia or playfulness needs to feel deliberate rather than accidental. It's the pink of '80s aesthetics, arcade cabinets, synth-pop album art. In product design, it shows up when you want personality, when beige and soft neutrals would kill the vibe. Social apps use it for call-to-action buttons when they need energy but not aggression.
The catch: this saturation means it needs breathing room. Pair it with dark grays or near-black and it sings. Surround it with other saturated colors and it gets lost in the noise. On dim screens it can skew cooler than you'd expect, so test before committing.
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.