Bubblegum Baby Girl

#cc55ee

Soft baby-magenta tint for gentle, airy accents

Save
Share

About Bubblegum Baby Girl

Baby Girl is the lightest pink in this set, and it reads softer than or without losing saturation. Where those two announce themselves, this one arrives gentler, there's still color here, still presence, but it doesn't land with the same weight or temperature shift. It's less aggressive than too, which is the key difference: feels approachable because it's lighter; feels approachable because it's warmer and less intense overall.

You reach for it in interfaces that need to feel friendly without losing polish. Product design, mobile apps, wellness and lifestyle brands, secondary actions that should still register but don't need to compete for attention. It works in illustration, small UI accents, call-to-action buttons that live next to heavier elements. Onboarding flows, form fields, supporting graphics in campaigns that don't demand the steel-cold precision of or the electric confidence of .

Pair it with whites, soft grays, and warm neutrals, it actually works *with* softer company instead of against it. Medium weight type reads fine here; you don't need the same commitment to heavy weights that the cooler pinks demand. This is the pink that works without forcing the issue.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.44:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.16:1FailAA Large

On Gray 900 #18181b

Aa
5.15:1AAAAA Large

On Black #000000

Aa
6.10:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Bubblegum Baby Girl

Open the generator with this color pre-loaded.

Start creating