Dark Charcoal
#333232
Deeper neutral charcoal for crisp, low-glare UI
About Dark Charcoal
I keep Dark Charcoal around when I want a dark UI that still feels grounded, not voidy. It sits in the charcoal lane, but it's a touch lighter than the near-black crowd, with a restrained, strictly gray tone that doesn't slip warm or go brownish at the edges.
Compared to After Dark, it doesn't push as far toward maximum depth, so it reads less severe and more steady across long sessions. Versus Eclipse, it's a little less "smooth" and more matter-of-fact, so cards and tables feel anchored instead of smoky. The best fit for admin consoles, log viewers, and data review panels where dense text needs a consistent backdrop, especially in dashboards for operations teams and media workflows like subtitle or waveform editors. I like it behind monochrome charts, and it keeps gray-on-gray hierarchy from drifting.
Quirk: because it's neutral and fairly even, it can make thin strokes look a bit firm. I usually let spacing and weight do some of the work, not just contrast.
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.