Bubblegum Beam
#f887c7
Lighter, cooler bubblegum pink for airy UI accents
About Bubblegum Beam
Bubblegum Beam hits different the moment you put it next to Brandywine Spritz or Candy Bar. It's lighter and cooler than both, less saturated, less warm, more genuinely pink than red-leaning. You're not getting that confident density or the deliberate warmth; you're getting something that actually reads as playful instead of just confident.
Use it in beauty apps, kids' products, and wellness interfaces where you need color that feels approachable without the maturity Brandywine carries. It works as button states, accent highlights, and card backgrounds in spaces where Ballet Slippers would vanish but Candy Bar would feel slightly too grown-up. The lightness gives it breathing room; the coolness keeps it from competing in warm layouts the way heavier pinks would.
Pair it with cool grays and it'll feel almost fresh. Pair it with warm cream and it can actually clash if you're not careful, this one needs either neutrality or cooler tones to not feel muddled. Test at real size; at small scales, the lightness can read flat.
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.