Graphite
#383428
Warm medium graphite gray for editorial depth
About Graphite
Graphite looks like the dark pencil lead smudge you never fully wipe off. In a UI screenshot it reads as gray that still has a pulse, not the dead stop you get from true black. Compared to Carbon, it's deeper and more grounded, with less "there but neutral" energy. Compared to Carbon Fibre, it stays a touch lighter and softer, so type doesn't feel swallowed.
I use Graphite for product interfaces and admin dashboards where you need separation without the harshness of near-black. It's also a solid background for video and long-form reading shells in media and publishing systems, especially when you want the content to look crisp but not tunnel-visioned. Against saturated status colors it behaves, and it won't drag them toward brown or fight cool blues.
Pair it with off-whites and light grays for structure. If you stack large areas of it with low-contrast borders, it can start to feel a little heavy, so keep the spacing honest.
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.
