Charcoal is a dark grey with a blue cast — #36454F is the shade usually named, at 204° hue and only 19% saturation. That trace of blue is what makes it softer on screen than a pure black. Grab the HEX codes from a scheme below, or build a custom charcoal palette around any base colour with the generator.
Deep Charcoal holds one hue (198°–204°) and steps lightness from 14% to 47%. Charcoal & Slate is the flatter, more neutral version, saturation down to 7% at #6C757D. Warm Charcoal replaces the blue with brown (24°–31°), which suits paper-coloured backgrounds better.
#1C2529#263238#36454F#4B5D67#6B7C85#212529#343A40#495057#6C757D#ADB5BD#23201E#35302C#4A423C#635A52#857A6EAnchored to a charcoal base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Charcoal is the standard alternative to black for interfaces, because it leaves room for a true black above it. Pair it with an off-white for the ground and one saturated accent — teal, amber or royal blue all sit well against a blue-grey. For a deeper, warmer dark, see dark academia.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. On a narrow phone the generator shows four swatches instead of five, so the block you copy there carries four custom properties. Whatever the width, it rolls around #36454F, the charcoal this page is seeded with, so the export stays on-hue. Copy JSON and Copy HEX give the same values as an array and as a comma-separated line.More palettes: Dark Academia palette · Navy Blue palette · Gray palette · all colours