Charcoal
#343837
Medium neutral Charcoal, softer than All Nighter
About Charcoal
Charcoal sits right where you'd expect, it's the actual dark gray that feels like it could be black in poor light, but it's not trying to compete with All Nighter for the title of "nearly true black." It's got genuine depth without feeling aggressive, which is the thing that sets it apart. You look at it and your eye settles instead of braces.
Reach for it in product interfaces, dark mode layouts, and editorial design where you need a surface that can hold type, imagery, and UI elements without demanding all the attention in the room. It works in fintech dashboards, dark theme applications, and anywhere you're building a layout that needs to feel present but not punishing. Unlike Cover of Night's cooler neutrality or Ancient Pine's softness, Charcoal reads solid and direct, it's the workhorse that doesn't need a reason to be there.
Pair it with whites, lights, and midtones and it'll give you clean separation. Keep it away from equally dark backgrounds or it'll collapse the contrast. It's darker than Blindfolded but warmer than Crucible's frozen flatness, so if you're stuck between those two, this is probably your answer.
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.