Carbon

#333333

Balanced medium charcoal gray for neutral structure

Save
Share

About Carbon

Carbon is the gray that doesn't try to disappear, but doesn't demand attention either. It sits in the middle distance, darker than you'd expect a neutral to go, but with enough lightness that it never reads as black. The temperature is almost invisible, neither pulling warm nor cool, which is exactly what makes it useful.

Reach for this in product interfaces, admin dashboards, and long-form content layouts where you need a background that won't compete with your actual information. It works in data visualization tools, form-heavy applications, and reading experiences where the content needs to feel grounded without the density of or the warmth creeping into . Unlike 's forward pressure or 's light-absorbing flatness, Carbon reads as capable and neutral, it holds space without dominating it.

Pair it with crisp whites, soft type, or saturated accents. It won't flinch under contrast, but it also won't make cooler colors feel cold or warmer ones feel muddy. This is the one you reach for when feels too confrontational but feels too bright.

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.63:1AAA

On Gray 100 #f5f5f5

Aa
11.59:1AAA

On Gray 900 #18181b

Aa
1.40:1Fail

On Black #000000

Aa
1.66: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

#313330
#313337
#353337
#332f2c

Create a gradient with Carbon

Open the generator with this color pre-loaded.

Start creating