White Mecca
#ecf3e1
Clean off-white cool gray with soft green cast
About White Mecca
I keep noticing White Mecca on UI mockups like this: it looks clean at first glance, then you catch that it's not just "white plus gray." It has a cool, chalky calm that holds its own better than the warmer, garlic-leaning creams, and it stays more neutral than the faint green stones in Mount Eden or the visibly green Futon. The saturation is low, so it won't badge as a tint, but the lightness is high enough to feel airy without turning flat.
For me, it's the product background that lets dense layouts breathe, especially across editorial systems, e-commerce admin screens, and documentation for SaaS teams. I reach for it in dashboards and long-form content when I want the surface to disappear under photography and data tables, but still give typography a stable stage.
One quirk: because it trends cooler, pair it carefully with strongly yellow off-whites or very warm photo lighting. It can make those elements look a touch dirtier than they are.
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.