Mascarpone
#ece6d4
Creamy, neutral gray with softer beige tone
About Mascarpone
On my screen, Mascarpone looks like an off-white that decided to bring its own calm. It's warmer than the near-white neighbors in this Gray set, but it doesn't tip into yellow the way Homoeopathic Yellow sometimes can. Compared to Cauliflower, it has a steadier cream tone, not that almost bleached, vanishing softness. And unlike Helium, it still shows a clear gray-leaning presence, so it doesn't feel so "barely there."
I use Mascarpone for design systems and light UI surfaces where you want cards, panels, and settings areas to read finished without shouting. It works especially well in e-commerce and consumer fintech, like dashboards and finance apps layouts that need a gentle backdrop behind dense typography. Packaging benefits too: pantry and coffee brands often land here when product photos already have warmth.
Pair it with charcoal or deep ink and slightly warm grays. If you put it next to a very cool white, it'll look more creamy than you expected.
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.