Oh so Pink
#f1c7d0
Paler, rosy red for gentle UI highlights
About Oh so Pink
This shade looks like the moment a rosy blush catches soft daylight through a sheer curtain. Oh so Pink sits between the slightly warmer "In the Pink" and the cooler, frosted feel of "Icy Pink," but it doesn't go either direction all the way. It's lighter and more muted than Cotton Candy Comet, so it lands calm instead of loud.
I use it when you want a friendly red-family accent that still feels restrained. Think the one you reach for on profile cards, wellness check-ins, and skincare step indicators where the UI needs warmth without the sugar rush. It also shows up well in consumer health and lifestyle products: settings toggles, ingredient callouts, and badges that should read supportive rather than playful, especially alongside cream backgrounds. Compared to "In the Pink," it's a touch softer and less "confident" in texture, and compared to "Icy Pink," it keeps its pink-leaning warmth instead of turning silvery.
Quirk: because it's airy, pairing with stark white can make it feel a bit washed. I usually let it breathe on off-whites or warm neutrals, then anchor icons or borders with a slightly deeper pink or rose-gray.
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.