Ruins of Metal
#9b8b84
Weathered cool gray with warmer dust undertone
About Ruins of Metal
Ruins of Metal (#9b8b84) reads like the gray left behind after paint flakes off a steel beam. It's not as deep and settled as Chorus of Elephants, and it's not stone-flat like Flint Rock. Instead, it lands in between, with a softer, slightly dusty cast that keeps it from feeling purely cool or purely warm.
I reach for it when the UI needs to feel grounded without going austere. Think dense authoring surfaces, document editors, and CMS backends where panels, sidebars, and form rails shouldn't steal attention from text. It also works in enterprise reporting and operations screens that include mixed media, especially when you want a neutral that won't fight tan charts and muted photography the way colder grays can. Compared to Detective Coat, Ruins of Metal is less overtly taupe, more weathered, more neutral on the page.
Pair it with text that has real contrast, and avoid midtone grays for key labels. If your UI leans too monochrome, this shade can start to look like it's "stepping back" rather than framing content.
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.
