Sooty Lashes
#474d52
Medium smoky gray for text and secondary surfaces
About Sooty Lashes
Sooty Lashes looks like the gray you get after the first layer of charcoal smudges and settles. It's not as deep as Abyssal, and it doesn't have that cool, receding way it pulls the room inward. Compared to Nightfall, it feels more grounded and less like a shadow behind glass. And versus Dead Forest, it's less saturated, so it doesn't feel like slate or aged concrete.
This one lands in the sweet spot for a gray that still feels intentional in dark UI stacks. I like it for design tools and data-heavy platforms where panels need to be visible but not louder than the content. It's also handy in admin interfaces for table headers, filter bars, and dense secondary surfaces, where you want contrast to come from the typography, not from the background's mood.
One quirk: because it's slightly warmer and muted, it pairs better with cool highlights than with overly blue text. If your hierarchy is thin, test it beside your lightest grays so the step doesn't flatten.
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.