Blindfolded
#5a5e61
Moody neutral gray for focus states and labels
About Blindfolded
Blindfolded sits just dark enough that it stops feeling like a default and starts feeling like a choice, but it won't announce itself. It's got slightly more warmth than Concrete Landscape and reads less flat than Batman, which means it actually has a pulse without being distracting. The kind of gray that works harder than it looks.
Reach for this one in healthcare records, financial dashboards, and admin tools where you need a secondary surface that feels intentional but doesn't compete with content. It anchors text cleanly, works as a form background or disabled state, and pairs well with deep typography. Where Beautiful Darkness leans dusty and deliberate, Blindfolded is just present, no flourish, no apology.
The thing to watch: it's warmer and slightly less saturated than the cooler grays in the family, so if your system is already leaning toward cold tones, test it next to your coldest elements first. But if you need something that sits between personality and invisibility, this is the shade that actually lands there.
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.