Pink Fit
#f5a8b2
Dustier warm pink-red for muted highlights
About Pink Fit
I keep spotting Pink Fit in mockups where the designer wants pink that looks polished, not sleepy. Compared to Pink Blush, it's a touch more saturated and a bit more assertive, so it lands as color first, softness second. Versus Ballet Slippers, it doesn't fade back into the UI, and it stays clearly pink rather than drifting toward muted, airy wash.
Pink Fit reads like a clean, cottony rose with a controlled warmth. That makes it my pick for retail and beauty UI accents that need to feel fresh: promo pill fills, card highlights, and "new" badges in ecommerce, plus onboarding and account states that shouldn't look clinical. It also works well for lightweight callouts in skincare and lifestyle apps when you want friendliness without the candy-tilt of Poodle Skirt, which feels more lifted and syrupy.
Pair it with warm creams or soft rose-beiges, and if you're using it on bright white backgrounds, keep the borders crisp so it doesn't start to feel 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.
