Named color category
Charcoal Colors
Charcoal colors are deep grays used for text, panels, and strong neutral contrast.
Indexed charcoal hex colors
A reference grid selected from Hexpedia CSS, xkcd, Material, Tailwind, and generated static color datasets.
Light Charcoal
Dark Charcoal
Muted Charcoal
How designers use charcoal
Charcoal colors are most useful when they are treated as a family rather than a single swatch. Start with the central values for accents, then use lighter versions for surfaces and darker versions for text, borders, or active states. In product interfaces, charcoal can guide attention, but it should not carry meaning alone; pair it with labels, spacing, and predictable hierarchy. For editorial pages, this family can create a recognizable mood while still leaving room for neutral backgrounds. Always test contrast before using any charcoal value behind body text, because perceived brightness can shift quickly across adjacent hues.
Combinations with charcoal
Palette pages use Slate as the nearest stable anchor for this color family.
Build with charcoal in CSS Forge
Move from reference values into practical CSS experiments with pre-filled generator links.