Mellow Melon
#ee2266
Soft red-pink for calm emphasis, warmer than magenta
About Mellow Melon
This one looks like a red that decided to chill halfway through the sprint. Mellow Melon sits lighter and more forgiving than the hot pink-push of Borderline Pink, and it never goes as magenta-forward as Furious Fuchsia. It also feels less heat-soaked than Bat's Blood Soup, more rounded in tone, less "right-now urgent."
I lean on it in product alerts and notification badges when I want grab without the sharp sting. It's especially handy across health interfaces where you need attention but not alarm, like triage counters, "new message" chips, and status labels in patient workflows. Compared to those other reds nearby, this shade reads more friendly and controlled at small sizes, so it doesn't bully the layout.
On very cool gray panels it can look slightly more peachy than you expect, so sanity-check against your header and empty-state backgrounds before you ship. Pair it with charcoal text and soft neutrals to keep it from drifting too playful.
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.