Muted Pink
#d1768f
Dusty, subdued rose-pink for calmer, softer highlights
About Muted Pink
Muted Pink looks like a lipstick mark that's been softened under office lighting. It's noticeably lighter than Charm, so it won't sink into that darker, heavier red-pink feel. And compared to Devilish Diva, it keeps less punch, reading more relaxed than a confident callout bar.
In UI, this is the shade I use when I want red-family energy without the "hot" edge. It's great for healthcare patient portals where labels, status chips, and lightweight highlights need to read quickly but not feel aggressive. I also like it on fintech-style signup and billing screens for secondary action states, hover feedback, and muted emphasis in dense forms. Versus First Love, the warmth is dialed back, so it stays more gentle and less rosy.
If your background runs yellow or buttery, it can tilt toward a more peachy impression. Pair it with cool grays or clean whites to keep the undertone steady and the mood calm.
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.