Magical Girl
#ff7a8f
Candy-bright pink-red, lighter and cooler blush
About Magical Girl
Magical Girl feels like a candy-pink badge under a bright softbox: it's light enough to stay playful, but it doesn't go dusty. Compared with Blush Hour, it's less dense and less red-leaning, so it reads as pink first. Compared with Embarrassed, it holds more of that rosy punch instead of backing off into daylight-soft tentativeness. And against Dream Setting, it's less airy and more saturated, with a clearer "magenta-lean" than that dialed-down flash vibe.
I'm the type to use this in healthcare dashboards and patient portals for supportive highlights where you want visibility without turning the page into a warning. It also works well in beauty and retail UI for primary pill backgrounds, selected states, and promo banners that need to feel approachable but not timid. The key difference in practice: this shade stays readable on UI surfaces instead of drifting either hotter (Blush Hour at small sizes) or flatter (Embarrassed next to Coral Paradise).
Pair it with clean cool grays or crisp white, and avoid very grayish pink neighbors or it can start to look slightly school-uniform.
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.