Creamy Garlic

#ecefe3

Softer warm gray-beige for balanced, subtle surfaces

Save
Share

About Creamy Garlic

Creamy Garlic sits between a whisper and a statement. It's got enough warmth in it that you notice there's a choice being made, but the saturation is so low it never reads as a color with an agenda. Unlike Amnesiac White, which disappears entirely, this one lands softly on the eye, there's actually something there. Unlike Au Clair de la Lune, it doesn't thread a needle between cream and paper; it's grounded in gray with just enough warmth to keep it human.

This is the one I reach for in product design: fintech dashboards, health apps, content platforms where the interface needs to recede but not vanish. It works in editorial layouts too, where the page should feel considered rather than institutional. Works especially well with dark type and photography because it has enough density to anchor without competing. The warmth keeps it from feeling like the default, the way Blanc Cassé does when your palette runs cool.

The catch: that warmth is delicate. It'll shift slightly depending on what surrounds it, so test it adjacent to your actual grays and blacks before committing. Pair it with anything too cool or too saturated and it starts looking muddier than intended.

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.17:1Fail

On Gray 100 #f5f5f5

Aa
1.07:1Fail

On Gray 900 #18181b

Aa
15.20:1AAA

On Black #000000

Aa
18.02: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 Creamy Garlic

Open the generator with this color pre-loaded.

Start creating