Carbon Fibre
#2e2e2e
Sleek neutral charcoal, slightly cooler and smoother than carbon
About Carbon Fibre
Carbon Fibre is darker than Carbon by just enough that it stops feeling neutral and starts feeling intentional. It's the gray that's almost black but not quite, the kind of color that makes you notice it's there without announcing itself. There's no brown hiding underneath, no warm creep, just a gray that's gone as far down as it can go while still reading as a background.
Reach for this in dark mode interfaces, data dashboards, and premium product design where Carbon feels a half-step too bright. It works in media applications, design tools, financial platforms, and anywhere you need something that absorbs attention without feeling heavy or cheap. Unlike Cola's brown undertone or Carbon's calculated neutrality, Carbon Fibre sits in the deep end of the gray spectrum, it recedes hard, holds type and bright accents without flinching, and never reads as black even when you're staring at it.
Pair it with crisp whites or warm accent colors and it'll feel solid. Push cool tones against it and they'll sing without the temperature clash you'd get with warmer darks. The main thing: it works because it knows its job is to disappear, not to create mood.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.