Create Something Cool

Charcoal Color Palettes

Twelve charcoal palettes with hex codes — generate endless more with the free tool below.

#3b3d3f · #393a3c · #424748 · #2c2626 · #2d2c2a

#303136 · #27262b · #545859 · #5d5856 · #3a3831

#383b3d · #3a3b41 · #2a3232 · #292424 · #554e4a

#313235 · #36353b · #343a3c · #2b2827 · #2d2c2a

#4d525b · #515058 · #3a3e41 · #423b38 · #383633

#28272f · #35313a · #494c50 · #514f4d · #3e3d38

#41464e · #2f2f32 · #333738 · #423f3e · #494741

#2c2c35 · #332f37 · #2f3032 · #3d3a38 · #31312b

#2c2e30 · #28282a · #3e4647 · #574c4d · #2c2826

#4d525b · #3a3a45 · #4e5b5f · #514948 · #504e49

#4f5154 · #2d2d34 · #4c5557 · #403c3b · #55514a

#27272a · #353239 · #3c3f44 · #272625 · #454540

Want more? Generate unlimited charcoal palettes, or anchor one on your own base color.

Open the Color Palette Generator

Using a charcoal palette

Charcoal is the dark for designers who find pure black brutal: a soft near-black with a whisper of blue, spanning the value band where dark-mode surfaces and long-form text colors live. At this saturation the hue is nearly academic — what matters is the ladder, because charcoal schemes behave like a compressed grayscale in which panels, borders, and type must all separate within a narrow range, so plan the steps before the styling. Menswear, architecture studios, camera brands, and developer tools run charcoal as a complete identity rather than a supporting neutral. Two working rules: set text in off-white rather than pure white, which glares against deep grounds at reading length, and keep one distinctly lighter gray as breathing room so layouts stop short of monolith. Beside slate, charcoal is the darker and quieter sibling — slate keeps a visible blue, charcoal only implies one.

Ad space

Frequently asked questions

Is charcoal better than pure black for design?

For most interface and editorial work, yes: charcoal gives depth without the harsh edge pure black creates against white, and it leaves true black available for maximum emphasis. Black-on-charcoal layering also lets dark modes show elevation that pure black backgrounds cannot.

What text color works on charcoal?

An off-white around 85-90 percent lightness. Pure white on deep charcoal produces glare over long reading sessions; softening the text tone keeps contrast compliant while easing the strain.

How is charcoal different from slate?

Saturation and depth. Charcoal is darker and nearly hueless — its blue is a suggestion — while slate holds a visible blue-gray identity at somewhat lighter values. Charcoal disappears into structure; slate participates in the palette.