Vampire Red
#dd4132
Deeper, cooler orange-red for moody danger accents
About Vampire Red
On a light UI mock, Vampire Red doesn't read like generic traffic orange-red. It comes off darker and more wine-adjacent than Punch, but without the cooler, smoky restraint that Bacon Strips brings. Compared with Matt Demon's matte, dusty calm, this one feels juicier and more saturated, like the color still has ink left in it.
I use it when the message needs to feel urgent and a bit personal, not just alert. It shows up well in dashboards and finance apps for high-priority warnings that should stand out fast, in e-commerce checkouts for "action required" states, and in logistics portals for failed handoffs that you actually need to fix. It's also my go-to the one you reach for when the rest of the page is warm orange and you still want the red to hold its line, not drift further orange-forward.
Pair it with neutral off-whites or cool grays so it doesn't tip into muddy brick, and keep its use tight for chips, badges, and single-state highlights, not big fills.
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.
