Lead
#212121
Mid-dark cool gray for precise, high-contrast surfaces
About Lead
Lead looks like the gray grit you see on the underside of a desk lamp after hours of use. Not soft, not cloudy. It's a steady, medium-dark gray with a slightly cooler lean than the darker standards, but it doesn't drift toward the bluish depth Nero holds, and it never feels as "dusty shadow" as Dire Wolf.
I use Lead when I need dark UI chrome that reads authoritative without going near-black. It's great for settings pages in B2B SaaS, console-style admin tables, and editing surfaces for video and publishing workflows where you want panels to feel firm, not heavy. Compared to Coco's Black, Lead has more breathing room and less of that hard-to-see, almost-black closeness.
Pair it with mid grays and low-saturation accents, and watch how warm browns can flatten it fast. If everything else is mapped in a cooler gray family, this one keeps the typography feeling anchored.
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.