Steam Engine
#b2b2ad
Light cool gray with neutral, engine-gray steadiness
About Steam Engine
Steam Engine is the gray you notice when you step back from a boiler room photo: industrial, slightly muted, and a touch lighter than the drier dustiness of Ash. It reads more neutral than Humble Hippo's oatmeal warmth, and cleaner than Moorland's faint powdery green lean. On a monitor it feels light, steady, and workmanlike, not creamy, not icy.
I reach for it when the UI needs a calmer stage for lots of elements, especially in dashboards for logistics and manufacturing, operations control panels, and back-office screens in media and e-commerce teams that live on grids. It holds black and deep charcoal type without pushing the temperature around. It's cooler than Humble Hippo without turning the frame into something sterile, and it stays less green than Moorland when you throw neutral icons and charts on top.
Quirk: because it's on the lighter side for the family, very saturated accents can look louder. If that happens, drop the chroma or give the accent a darker counterpart so everything clicks cleanly.
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.
