Silver Mistral
#b4b9b9
Neutral cool-light gray for crisp borders and panels
About Silver Mistral
On my monitor, Silver Mistral looks like a muted sheen on brushed metal, not a foggy wash. It sits between Casper's straightforward neutrality and Dust to Dust's warmer softness, but it has a cleaner, drier feel than both. Compared to Ether, there's no blue-green whisper. Compared to Dust to Dust, it doesn't breathe as warmly. It's cool-neutral, slightly more structured, with a touch more contrast so it reads as "there" without turning heavy.
I use it when I want a surface that stays calm across a whole page: dashboards and finance apps where grids need to feel crisp, not clinical. It's great for admin panels, settings screens, and card backgrounds in SaaS, especially when dividers and form fields need to stay legible without punching through. Pair it with near-black text for hierarchy, or with restrained blues and soft grays for rhythm. The vibe is the one you reach for when you're tired of grays that drift toward blue or warmth.
Quick caution: over-saturate your accent colors next to it and the gray starts to look dull instead of neutral, so keep accents controlled.
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.