Happy Hearts
#d46362
Light, heart-forward coral orange for friendly highlights
About Happy Hearts
I keep spotting Happy Hearts in UI mockups that want to feel warm but not sticky, like a soft blush caught in coral daylight. Compared to Berrylicious, this one stays a touch more red-forward and a bit more lively, so it reads as friendly energy rather than a quieter, approachable coral. And unlike Aphrodisiac's deeper, cooler burn, Happy Hearts lands lighter and less weighty, so it doesn't feel like it's trying to establish dominance.
I reach for it in dating apps and social profiles where accents need to signal cheer without turning into a full-on notification fire. It also shows up well in health interfaces and wellness platforms for primary buttons, quick action states, and hero overlays that sit comfortably on white. The saturation level keeps it present, while the undertone feels warmer than its red neighbors without slipping into the more intense push you get from Cranberry Splash.
Pair it with clean creams, soft charcoals, and muted oranges to keep the mood inviting. If you drop it next to very bright tangerines, it can lose its "heart" tone and read more plain.
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.