Buttermilk
#fffee4
Warm off-white with buttermilk glow, not icy gray
About Buttermilk
Buttermilk is what happens when you want off-white but you're tired of choosing between cold and creamy. It's got enough yellow undertone to feel intentional, warmer than Brilliance, more saturated than pure white, but still light enough that it won't compete on the page. You notice it's there, but just barely.
Reach for this one in product interfaces, editorial layouts, and marketing sites where you need a soft background that reads as intentional rather than defaulted. It works particularly well as body text on dark surfaces, form backgrounds, or anywhere you want warmth without the cream drift that Ceramic brings. Financial dashboards, design tools, even print collateral, it carries that softness without feeling washed out.
The trick: pair it with cooler grays and it'll push its warmth forward slightly. Pair it with the warmer side of this family and it nearly vanishes into the context. That's not a flaw. Sometimes that's exactly what you need.
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.