Steely Grey
#90979b
Balanced steel-gray midtone for crisp UI surfaces
About Steely Grey
Steely Grey reads like the gray that forms on steel when it's been undercast in daylight for hours. It feels firmer and cooler than Happy Cement's slightly creamy neutrality, and it's not as fog-dull as Lost at Sea. Compared to Grey Area's middle-ground steadiness, Steely Grey is more assertive, with less "in-between" softness and a smoother, slightly metallic calm.
I use it for data-heavy dashboards and finance-like admin screens where you want the UI to look organized without going blue or slate. It's great as a card header, table chrome, or the backdrop behind dense forms in logistics, operations tooling, and insurance workflows. It's also a solid choice for healthcare compliance views where you need the one you reach for when the interface should feel measured, not cozy.
One quirk: because the saturation stays low and the tone leans cool, pair it with warmer accents sparingly. If you mix too much beige or honey, the contrast can start to feel mismatched fast. Stick with muted, cool neutrals for a clean system.
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.