Dark Charcoal

#333232

Deeper neutral charcoal for crisp, low-glare UI

Save
Share

About Dark Charcoal

I keep Dark Charcoal around when I want a dark UI that still feels grounded, not voidy. It sits in the charcoal lane, but it's a touch lighter than the near-black crowd, with a restrained, strictly gray tone that doesn't slip warm or go brownish at the edges.

Compared to , it doesn't push as far toward maximum depth, so it reads less severe and more steady across long sessions. Versus Eclipse, it's a little less "smooth" and more matter-of-fact, so cards and tables feel anchored instead of smoky. The best fit for admin consoles, log viewers, and data review panels where dense text needs a consistent backdrop, especially in dashboards for operations teams and media workflows like subtitle or waveform editors. I like it behind monochrome charts, and it keeps gray-on-gray hierarchy from drifting.

Quirk: because it's neutral and fairly even, it can make thin strokes look a bit firm. I usually let spacing and weight do some of the work, not just contrast.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
12.78:1AAA

On Gray 100 #f5f5f5

Aa
11.72:1AAA

On Gray 900 #18181b

Aa
1.39:1Fail

On Black #000000

Aa
1.64:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#333333
#313330
#313337
#353337
#332f2c

Create a gradient with Dark Charcoal

Open the generator with this color pre-loaded.

Start creating