Pearly Pink
#ee99cc
Soft warm pink sheen for gentle UI backgrounds
About Pearly Pink
Pearly Pink reads like the blush you see on a pearl when it catches daylight, not the cotton-sweet look of Bubblegum Kisses or the airy haze of Love Dust. It's lighter and more softly glazed than Candy Floss, but it doesn't float as much, so it keeps its shape instead of turning into a mist.
I reach for Pearly Pink when the interface needs a gentle, polished highlight. Think beauty and wellness rewards, onboarding "step completed" states, and brand-forward CTA accents in social apps where you want warmth without the punch. It also works well for fashion product cards and lightweight badges that sit over creams and pale neutrals. Compared to its neighbors in the family, it lands subtle, pearly, and controlled, with a rosy undertone that feels warmer than pure white but not as sweetly diluted as Love Dust.
Tip: pair it with clean off-whites, soft charcoals, or warm greiges so the "pearl" sheen stays visible instead of getting 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.
