Heavy Charcoal
#565350
Warm-leaning dark gray for low-glare contrast
About Heavy Charcoal
Heavy Charcoal sits in that sweet spot where it's dark enough to anchor a layout but not so dark it reads as black. It's got a touch more lightness than Bark, which means it won't demand the same weight of respect, it just quietly does the job. There's warmth here, enough that it doesn't feel dead, but it's subtle enough that you won't notice it until you pair it against something cool.
This is the one for interfaces that need to disappear. Product dashboards, SaaS platforms, publishing sites where the background needs to recede completely and let content breathe. Unlike Caveman, which hesitates and steps back, Heavy Charcoal commits without announcing itself. Unlike Chocolate Pretzel, which brings personality to the party, this shade knows when to stay invisible. It works with both warm and cool typography, won't fight photography, and pairs cleanly against saturated accents without competing.
Pair it with warm charcoal type and it becomes the background nobody notices but everybody needs. Against sage, rust, or deep teals, it knows exactly how to hold the line without becoming a distraction.
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.