Grenadine Pink
#ff616b
Drier, punchier pinkish-red for alert accents
About Grenadine Pink
I keep spotting Grenadine Pink in UI mockups and it always reads like a brighter, more overtly pink-orange than the usual orange tints. It's not coral-red like Begonia, and it doesn't stay true orange like Camellia. This one has a gentler, fruitier feel, but it still carries real saturation instead of going pastel.
It's my pick for dashboards and creator tools when I need a status color that feels human fast, not fiery. Think alert pills in media platforms, confirmation states in food and health apps, and tap-worthy secondary buttons where you want momentum without heat. Compared to Flirty Salmon, Grenadine Pink swings further into pink territory while holding onto that orange energy, so it doesn't flatten out.
Pair it with clean whites or soft cool grays for crisp hierarchy. Warm backgrounds can make it look dusty, so I usually keep it on neutrals that don't steal the contrast.
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.