Heartwarming
#bf1818
Medium warm red-orange for friendly emphasis blocks
About Heartwarming
Heartwarming reads like a red with its shoulders back. It's that orangier warmth that keeps it from going wine-dark, but it isn't as sharp as Blood Kiss either. Compared to Bloodshed, it stays lighter and more open, so it doesn't feel weighted or grim. You notice it right away on packaging mockups where the red has to feel kind without turning into a soft coral.
I use this shade for food brands, warm skincare lines, and product cards in retail apps where the UI needs to feel approachable but still deliberate. It also works well in motion graphics and editorial callouts that have to pop against cream pages without going aggressive, unlike Bloodthirsty Lips which leans more maroon and more "luxury label." On dark layouts it gives a friendly glow, not the heavy statement you'd get from Bloodshed.
Pair it with toasted neutrals, amber creams, and espresso browns. If you drop it next to too-muddy reds, it can start looking slightly thin, like the warmth is overworked rather than supported.
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.