Skip to main content

Charcoal

Neutrals

Charcoal Color

Charcoal is a deep, sophisticated gray that works as a softer alternative to black. It gives text and interfaces weight without the harshness of pure black.

Use it for headings and body text on light backgrounds for strong readability.

charcoalgraydarkboldsophisticated
Colors that go with Charcoal
the signature look

The Charcoal Color Palette

Five colors built around charcoal — its tints, shades, and complementary partner.

pairing ideas

Colors That Go With Charcoal

Three ready-made combinations. Click any swatch to copy it, or explore the full guide.

Soft & Dreamy

A gentle, harmonious mix built from charcoal and its closest neighbors on the color wheel.

Bold Contrast

Charcoal against its complementary color and deep shades for a palette with real presence.

Fresh & Playful

A lively split-complementary combination that keeps charcoal as the star.

Shades of Charcoal

Darker versions, mixed toward black.

Tints of Charcoal

Lighter versions, mixed toward white.

color wheel magic

Color Harmonies with Charcoal

Complementary

Analogous

Triadic

Split Complementary

Tetradic

Monochromatic

readability check

Contrast Combinations

How charcoal performs as a background with common text colors, per WCAG.

Aa

White text

Ratio 6.90:1

AA
Aa

Black text

Ratio 3.04:1

AA Large
Aa

Ink text

Ratio 2.09:1

Fail
keep exploring

Related Colors

Related blog posts