Bleeding Heart
#c02e4c
Deeper, cooler crimson red for primary accents
About Bleeding Heart
Bleeding Heart sits darker and less saturated than Beet Wave, but it's not pulling toward the cool restraint of Cherry on Top either. It's got the warmth of Anger without the heat, the color reads as red, genuinely red, but something in it lands softer. There's weight here without aggression.
This one works in product dashboards, patient interfaces, and fintech apps where you need a stop signal that doesn't feel like a threat. Think moderate-severity alerts, destructive action confirmations, status warnings that need to land but shouldn't spike anxiety. It's darker enough to hold legibility at smaller scales, warm enough that it doesn't feel clinical or cool against neutral backgrounds. Against cool grays it reads as decisive. Against warm neutrals it stays grounded instead of drifting pink.
The trade-off: it's quieter than Anger, which means it won't grab attention the same way. Use it when the situation calls for clarity over urgency, the user should understand something matters, but they shouldn't feel panicked.
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.