In the Pink
#f4c4d0
Soft rose-pink for primary highlights with cool undertone
About In the Pink
I think of In the Pink as the pink that shows up quietly but still looks unmistakably rosy, like a fresh blush on matte skin rather than something sugary. It's lighter than Cotton Candy Comet, but it doesn't go frosty like Icy Pink. Compared to Cherry Blossom, it's a touch more saturated and has a smoother, more confident surface, not that "noticed-after-the-fact" softness.
It's the one you reach for when your UI needs a friendly red-family accent without punching the layout in the face. I'd use it for onboarding screens, profile and settings surfaces in beauty and wellness apps, and secondary actions in skincare workflows where "approachable" matters more than playful. It also works in healthcare dashboards and mood or habit cards, especially for selected states, badges, and gentle highlights.
One small quirk: keep an eye on very pale whites. If the background is too close in value, it can lose contrast, so I'd pair it with slightly deeper warm neutrals or let it sit on creamy off-whites.
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.
