Black is the absence of reflected light, #000000 in HEX — but a working black palette is never one colour: it is a set of near-blacks and greys that gives a dark design its structure. Take the HEX codes from a scheme below, or build a custom dark palette around any base colour with the generator.
True Black is fully neutral, with red, green and blue equal at every step from #000000 to #3D3D3D. Black & Charcoal tints the darkest tone blue at #0D1B2A. Warm Black tints it brown instead (#1A1512, #2B211B) — the two temperatures never mix well, so pick one and stay with it.
#000000#0A0A0A#1A1A1A#2B2B2B#3D3D3D#0D1B2A#1B1B1E#2E2E2E#454545#6C6C6C#0E0E0E#1A1512#2B211B#3A2E26#4E4038Anchored to a black 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.
Black takes any accent, which is why the choice matters: gold reads luxury, red reads urgency, a single bright hue reads editorial. For interface work most designers stop short of #000000 and build on #1A1A1A or a blue-grey charcoal, because pure black against a white surface is the harshest contrast a screen can produce.
: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 #1A1A1A, the black 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 · Charcoal palette · all colours