Mecha Metal
#848393
Cool gray with steel undertone for panels
About Mecha Metal
Mecha Metal looks like the skin of a machine that's been warmed up, then left idle: a medium gray that holds its cool but never feels lifeless. Compared to In the Twilight, it's less dusk-soft and more matter-of-fact. Compared to Dusty Chimney, it's cooler and cleaner, with less friendly warmth. And next to Abandoned Spaceship, it's steadier and less "between states."
I reach for Mecha Metal when you need a neutral surface that won't read either heavy or fussy: table shells, admin panels, and dense settings screens in logistics, education platforms, and healthcare portals. It also works well for component backgrounds and sidebars where you want the UI to feel assembled, not theatrical. If Dark Ages is your anchor, this is the secondary metal you can put under typography without the layout sinking.
Quirk: it can feel a touch muted beside near-white surfaces, so give it crisp borders or a slightly stronger text tone to keep edges from blending.
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.