Greybeard
#d4d0c5
Muted warm gray for paperlike, softened contrast
About Greybeard
Greybeard sits warmer than Concrete but doesn't have Buff It's restlessness. It's the gray that actually looks like it belongs in a room instead of on a screen, there's something softer about it, less clinical. You're not fighting it to stay neutral; it's already settled into a quiet warmth that doesn't demand anything from what surrounds it.
Reach for it in editorial layouts, packaging, and long-form reading interfaces where Concrete feels too austere but pure white is too bright. It works in design portfolios, luxury product sites, and publication spreads where you need a background that has personality without personality getting in the way. Type reads cleanly. Photography doesn't compete. It's the kind of color that works harder than it looks because it's doing two jobs at once: giving the page structure and making it feel less like work to look at.
Pair it with blacks that lean slightly warm and it's bulletproof. Push it against cool accents and there's a gentle tension that can actually work in your favor, it'll just tell you something about your palette that you probably needed to know anyway.
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.