Prism Pink
#f0a1bf
Softer red-blush for gentle emphasis over brighter pinks
About Prism Pink
Prism Pink feels like a bright candy petal that still has enough body to show up on screen. It's lighter than Elastic Pink, but it's not as skin-leaning as Little Princess, so it reads more "true pink" than "soft complexion." Compared to Pastel Magenta, it keeps a cleaner, more saturated blush energy instead of turning airy and chalky.
I reach for Prism Pink when the UI needs a Red-family accent that stays cheerful in real product conditions, like skincare checkout modals, beauty booking confirmation banners, and health app cards for reminders or status updates. It also works well on onboarding step chips and section dividers where you want a lift, not a wash. Set it behind dark labels or icons so the shade doesn't feel flat.
Pair it with cream, warm grays, or subtle rose-tinted neutrals, and watch against dusty browns that can muddy the tone. If you're swapping from Pastel Magenta, bump contrast slightly so the difference reads immediately.
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.