Heart’s Content
#e2b5bd
Warmer, softer rose for welcoming Red accents
About Heart’s Content
Heart's Content looks like a soft blush that got dressed for daylight, not makeup-under-fluorescents. Compared with Chantilly, it's a touch lighter and gentler, with less "can't-miss" punch, and it won't tug your layout toward cooler pinks the way Chantilly can. Versus Blush Kiss, it carries more color weight so it stays present instead of going a little airy at a glance. And next to Grandma's Pink Tiles, it reads more uniformly pink-red rather than ceramic-soft and flatter.
I use this when the UI needs the one you reach for between friendly and functional. Think telehealth and patient portal panels, skincare routine step cards, wellness onboarding highlights, and appointment booking tiles that should feel supportive without turning into full-on blush frosting. It also works well for selected states, chips, and subtle CTA backgrounds in beauty and health workflows where contrast still has to be crisp.
Quirk: because it's relatively light for the family, it can look a bit dusty over very neutral grays, so I usually pair it with warmer creams or a slightly deeper text/stroke to keep hierarchy sharp.
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.