Greystone
#b7b9b5
Clean cool neutral gray with soft stone calm
About Greystone
Greystone sits closer to beige than its neighbors, which sounds like a problem until you realize that's exactly why it works. It's warmer than Metal, less committed to cool than Alpine Air, and it doesn't hedge its bets the way Brume does. There's actual warmth in the undertone here, enough that it won't feel sterile, not so much that it reads as brown.
Use it in editorial layouts, long-form content, and reading-heavy interfaces where you need a surface that's comfortable to look at for long stretches. Financial dashboards, research platforms, documentation sites, places where the gray needs to recede but also needs to feel human. It holds type beautifully, doesn't drain photographs, and won't create the visual tension that cooler neutrals sometimes bring to warm imagery.
The catch: it's the warmest gray in this set, so it won't pair well with very cool or very saturated accents. If your palette is leaning cold, this one will feel out of place. But if you're building something that needs warmth without announcing it, this is the gray that actually delivers.
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.