Marble Grape
#dee2c7
Muted grape-green for grounded, gentle highlights
About Marble Grape
Marble Grape looks like grape-toned dust settled into a pale, chalky green. It's noticeably more tinted than Frost, but it doesn't swing toward the warmer, yellow-leaning negotiation you get with April Showers. Compared to Airy Fields, it holds onto its green identity instead of staying almost-neutral until you look twice.
I reach for Marble Grape when I want a light surface that still feels grounded, especially in product dashboards and reporting pages for health, logistics, and HR platforms. It reads well behind charts, table filters, and empty states because the marble gray undertone keeps it calm, not creamy, and not celery-bright. In design systems that lean light, it gives you a "set the pace" background without drifting into the warmer gray backbone of April Showers.
Pair it with charcoal or deep plum accents if you want the purple note to show. If you go too close to true white, it can feel flatter, so test against your real header and card backgrounds first.
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.