Attic Linen
#ccbca9
Light gray-beige linen with airy, cool undertone
About Attic Linen
Attic Linen is what you get when you strip away the golden undertone entirely and lean into the gray. It's cooler and less sweet than the three around it, no sugar reading, no caramel warmth, just a straightforward beige that actually behaves like a neutral. The saturation is there, but it's restrained. This is the one that doesn't try to be a material or a mood; it's just a solid, quiet color.
Reach for it in product dashboards, admin interfaces, and healthcare apps where you need background warmth without distraction. It pairs equally well with cool grays and warm earth tones without leaning either direction, which means it works in design systems where you can't afford a color that plays favorites. Unlike Cafe Latte's intentional density or Baba Ganoush's approachable softness, this one recedes without disappearing, the kind of color that makes your content and typography look sharper just by sitting behind them.
Test it in context before committing; on some screens it reads more taupe than buff, which changes how it sits with your palette. That neutrality is its strength and its risk.
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.