Vampire Love Story
#dd0077
Deep wine-red romance for high-contrast callouts
About Vampire Love Story
Vampire Love Story lands like a dark cherry-red that's been breathed on, not brightened. It carries a moody, wine-side undertone that makes it feel heavier than the cleaner, higher-energy reds around it, and far less magenta-chaotic than the fuchsia-leaning neighbors. Compared with Magenta Elephant and Magna Cum Laude, it doesn't snap. It lingers.
I use it when the UI needs urgency without turning playful or hot. Think dashboards and finance apps where a status needs to look serious, not alarm-first, like compliance checks, payout holds, or "action required" steps in patient-facing workflows. It also works well for campaign or editorial modules where you want the accent to feel controlled, not berry-cool like the lighter pink-reds. It's the one you reach for when you want attention with weight.
One quirk: on very light, warm surfaces it can look slightly more wine than planned, so test your background tokens before locking it in.
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.
Similar colors
Create a gradient with Vampire Love Story
Open the generator with this color pre-loaded.
Start creating