Knight’s Armour
#5c5d5d
Balanced neutral gray for sturdy typography backdrops
About Knight’s Armour
Knight's Armour looks like the gray you get when you polish dark hardware, then stop before it turns reflective. It reads noticeably lighter than Crucible, so it doesn't feel compressed, and it carries a steadier neutrality than All Nighter's near-black density. Compared with Dark as Night, it stays less icy and less severe, with a calmer undertone that feels controlled rather than cold.
I use it for primary text on mid-light surfaces and for interface chrome that needs to hold structure without staring. It's strong in dashboards, hospital and clinic systems, and logistics or banking admin panels where you want authority but not the harshness of the darker grays. It also works well as a border color when you need definition that still feels readable in dense layouts.
One quirk: if you put it next to very cool teals or deep slate accents, it can lean slightly flatter. Pair it with a warmer gray or a light neutral to keep the contrast clean without pushing into near-black territory.
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.