Smoky Charcoal
#34282c
Neutral cool gray with smoky depth for panels
About Smoky Charcoal
Smoky Charcoal feels like charcoal that actually holds its line: a dark gray that stays neutral instead of drifting purple like Mystical Shadow or turning burgundy like Aubergine. It's not warm like Havana either. On my screen, it reads slightly softer and less color-present than those siblings, so panels feel structured without that extra undertone weight.
I use it when the UI needs calm discipline. Think dark mode apps for admin consoles, CRM and logistics dashboards, and any workflow where you're staring at dense tables beside charts all day. It works in media review galleries and typographic editing layouts too, where you want images contained but still crisp. Compared to Mystical Shadow, it's less "mysterious" and more straightforward; compared to Aubergine, it won't add luxury heat; compared to Havana, it won't bias your neutrals.
Pair it with cool off-whites and low-chroma slate accents. If you lean too far into warm highlights, the gray can feel a bit withdrawn, so keep your highlights slightly muted.
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.