Mangala Pink
#e781a6
Dustier medium pink-red for calm primary accents
About Mangala Pink
I keep seeing Mangala Pink as that soft, warm red-pink that reads "finished" instead of blushy. It sits lighter than Embarrassed, but it's not as airy as I Love You Pink. And compared with Magical Girl, it's more muted and less candy-bright, so the rose tone feels more settled than magenta-forward.
In UI, this is the shade I'd use for calm, supportive callouts that still need to pop. Think maternity and wellness dashboards, patient-portal inline notices, retail loyalty chips, and onboarding confirmations where you want warmth without the higher-energy look of Magical Girl. It also holds up well for selected states and promo badges in beauty and lifestyle apps, especially when the rest of the interface is mostly cool grays.
One quirk: Mangala Pink can look slightly more dusty next to the brighter pinks in the set, so I usually pair it with cleaner whites or a touch of contrast from darker text to keep it crisp.
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.
