Iron Maiden
#d6d1dc
Slightly warmer gray for softer, steadier UI blocks
About Iron Maiden
On a card in a light UI, Iron Maiden reads like pale steel that never fully turns to white. It's slightly cooler than the everyday grays you get by default, but unlike Homoeopathic Lilac's purple whisper, this stays firmly gray with a restrained, calm cast. Compared with Desired Dawn, it holds more substance and feels more like a deliberate surface than a nearly-vanishing backdrop.
I use Iron Maiden when the layout needs dashboards and finance apps vibes without drifting toward the warmer, pink-leaning look that can sneak in with Bubble Bath. It also works well for administrative panels, product settings pages, and media CMS templates where form fields and tables should look crisp but not aggressive. This is the one you reach for when your background needs to stay steady behind dense UI.
Pair it with medium-to-deep charcoals and cool text for separation. If you put it next to soft lavender tones, the gray stays neutral, but the contrast can feel a touch more formal than you expect.
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.
