Gardenia
#f1e8df
Creamy warm-gray off-white for gentle, text-first layouts
About Gardenia
Gardenia sits lighter than everything around it, and that's the whole point. Where Alpaca leans into warmth and Angelic White disappears, this one pulls back further into a near-neutral territory while keeping just enough warmth to feel intentional. It's the color you reach for when you want a background that doesn't demand anything from the viewer.
You'll land on it in SaaS interfaces, financial dashboards, and minimalist publishing layouts where the page needs to recede completely behind dense text or data visualization. It pairs naturally with cool blacks and cool grays without creating tension. Photography doesn't fight it. The lightness means type clarity isn't ever a question, and the restraint means it works across both warm and cool display calibrations without drifting noticeably.
Unlike A Smell of Bakery, which edges toward warmth even when it's trying to be neutral, Gardenia doesn't negotiate. It's the lowest-temperature option in this cluster while still technically belonging to the warm side of gray. Pair it with cool-leaning copy and typography, and it disappears. Pair it with warmer neutrals and suddenly that restraint becomes visible, which is exactly when you know you should've chosen something else.
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.