Creamy Garlic
#ecefe3
Softer warm gray-beige for balanced, subtle surfaces
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.
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.