Graphite Black
#262a2b
Neutral graphite base for crisp, low-saturation UI
About Graphite Black
Graphite Black reads like a real metal surface under dim studio light, not like a screen background trying to look black. It stays steely and controlled, but unlike Cinder it doesn't pull brown into the shadows, and unlike Black Pearl it doesn't lean cool-blue. Compared to Aztec, it lacks that green cast that makes the surface feel slightly grounded.
In dark UI, this is the one I reach for when I want depth without attitude: admin panels, code environments, and media player skins where the hierarchy needs to do the talking. It also works well for dashboards and finance apps that can't afford a warm undertone drifting into alerts, charts, or table text. Pair it with light grays and crisp whites, then let saturated accents carry the energy.
One caution: at this light level, Graphite Black can feel flat if your typography is weak. Give it clear spacing, and it holds up. If you need a touch of green or blue-gray structure, that's the neighbor to check first.
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.
