Warming Heart
#d44b3b
Soft orange-red that reads as friendly emphasis
About Warming Heart
On my mockups, Warming Heart looks like a burnt-coral flare that stays more orange than red, and it doesn't sink into the blood-wine heaviness of Horror Snob. Compared to Punch, it's gentler in punch and more softened at the edges, like the highlight after the flare has warmed down. It reads as warmer than pure white and a touch more friendly, even though it still has real urgency in the tone.
I reach for it in dashboards and finance apps when you want CTA energy without the "after-hours edge" Horror Snob brings or the clay-earth muddiness you can get from Peanut Butter Jelly. Think payment success states, refund progress chips, and review/approval prompts on merchant portals. It also holds up in retail and e-commerce UI for time-sensitive banners where the copy needs to feel human, not alarmed.
One quirk: because it's saturated but not smoky, it can feel a little aggressive next to very cool grays. Pair it with warm neutrals or a slightly darker orange when you need it to land softer on dense layouts.
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.
