Stainless Steel
#b4bdc7
Cool, slightly desaturated steel gray for crisp UI
About Stainless Steel
Stainless Steel reads like a well-used metal panel that's been wiped clean but never polished to mirror-smooth. Compared to Rough Asphalt's slightly grittier, darker feel, it's lighter and more deliberate, less "pavement patch," and it doesn't carry the muted asphalt mood. Versus Icebreaker, it stays neutral instead of leaning cool and bluish, and it avoids Plein Air's soft, airy neutrality.
I like it for surfaces that need to look tidy without turning clinical. It holds up as a panel background, table row base, and filter bar chrome in dashboards and finance apps, where you want separation that feels crisp, not icy. It also works well in operations and logistics UIs for status headers and sidebar sections, especially when you need warmer than pure white contrast that still feels firmly gray. For me it's the one you reach for when Stainless Steel should feel "finished" rather than washed, like a clean metal skin over real data.
Quirk: put it next to very cool grays and the neutral balance becomes more obvious, so I'll often nudge borders or typography a touch cooler to keep the hierarchy steady.
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.