White Mecca

#ecf3e1

Clean off-white cool gray with soft green cast

Save
Share

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 or the visibly green . 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.14:1Fail

On Gray 100 #f5f5f5

Aa
1.04:1Fail

On Gray 900 #18181b

Aa
15.59:1AAA

On Black #000000

Aa
18.47:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with White Mecca

Open the generator with this color pre-loaded.

Start creating