Armoury
#6a6b65
Cooler steel-gray with calmer saturation for UI
About Armoury
Armoury is the gray that disappears. Not in the way cool, centered grays fade into the background, but actively, it pulls back, stays out of the way, lets everything else have the room. It's darker than Bat Wing and cooler than Concord, which means it doesn't carry any of the warmth those two trade in. There's almost no brown here. What you get instead is restraint.
This is the color for interfaces that need to get invisible fast: dark mode dashboards, code editors, photography platforms where the work happens and the UI shouldn't compete. Unlike Camo Clay, which anchors things with a little earthiness, Armoury doesn't negotiate, it just recedes. It's darker without being black, cool without feeling sterile. Pair it with bright accent colors and they pop. Pair it with dark type and everything reads clean. It works harder in low-light contexts where you need contrast to feel earned, not given.
The trade-off: against pale backgrounds or light grays, it can feel like a gap rather than a surface. It wants darkness around it to feel intentional.
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.