Smell of Garlic
#d9ddcb
Warmer olive-tinged light gray for grounded whitespace
About Smell of Garlic
Smell of Garlic looks like a gray that's been warmed by kitchen light, not by sunlight. It's pale and steady, with a faint greenish hint that keeps it from reading as plain beige. Compared to Gentle Frost and Gin, it feels less "soft-and-beige" and more like a cool-gray base that's been lightly seasoned.
I use it when I need a background that supports typography without drifting into the too-neutral problem of Feta. It holds up well in publishing templates, news articles, and light-mode product docs where sidebars, captions, and long reads need calm. It also works for dashboards and finance apps UI surfaces when you want hierarchy to stay crisp, but you don't want the screen to look chilly next to warm imagery.
Quirk: it's subtle enough that it benefits from a nearby warmer off-white for spacing, and from a slightly darker gray for dividers, otherwise it can flatten into the page.
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.