Cranberry
#9e003a
A darker cranberry red, cool and precise
About Cranberry
Cranberry is what happens when you pull a true red slightly darker and let it sit there without any purple creeping in sideways. It's got the committed saturation of Bindi Red but stays warmer and less punishing, there's actual heat in it instead of that flat maroon density. It's also nothing like Berry, which leans into aggressive urgency; Cranberry reads as intentional rather than alarming.
Use this in healthcare dashboards, financial platforms, and security alerts where you need a color that says "pay attention" without making the interface feel hostile. Critical status indicators, confirmation modals for important actions, live alerts that need to hold their own against busy backgrounds. It works particularly well on dark surfaces, where the warmth keeps it from feeling cold or sterile. Against lighter neutrals it stays grounded, doesn't shift pink, doesn't apologize.
The real difference: this one feels deliberate rather than severe. Pair it near warm grays and it'll stay confident instead of creating tension. That warmth is what separates it from everything darker in this cluster, it's the red that still feels like it's on your side.
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.