Grey Web
#616669
Softer mid gray with bluish neutrality
About Grey Web
Grey Web sits in that middle zone where it stops feeling like filler and actually starts doing work. It's lighter than Beautiful Darkness and warmer than Batman, which means it doesn't disappear the moment you look away, but it won't distract you either. The saturation is just present enough that it reads like a deliberate choice, not a default fallback.
Reach for this in financial dashboards, healthcare records, and admin tools where you need secondary surfaces that feel grounded but not heavy. Form backgrounds, disabled states, card layers in serious interfaces. It anchors text cleanly without the flatness of Batman, and it's got enough warmth that it won't read cold next to your primary elements. The kind of gray that works harder than it looks.
Pair it with deep typography and muted accents, it handles that without strain. Just note: it's cooler than Blindfolded but warmer than Beautiful Darkness, so if your system is already leaning heavily one direction, test it in context first. It's the one you reach for when restraint and intention need to feel like the same thing.
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.