After Dark
#3c3535
Low-sheen charcoal gray-brown for night UI contrast
About After Dark
After Dark is what you get when gray goes almost black but stops just short of it. It's not trying to disappear into the void, there's still enough lightness that it reads as a deliberate choice, not a fallback. The saturation is low enough to feel neutral, but the warmth is muted enough that it won't heat up your layout. It's the darkest in this cluster, which changes everything about how it sits in a design.
This is the one for interfaces that need maximum depth without going full black. Dark mode applications, design tools, photography platforms, media-heavy dashboards where you want the background to recede but still have real substance behind everything else. Unlike Cowboy's deliberate earthiness or Black Truffle's slight cool lean, After Dark is simply severe, it lets your content breathe against something genuinely dark. Type pops. Images don't fight it. Saturated accents land with real punch because they're working against something this deep.
Pair it with warm grays or true blacks and the layout feels locked in. The catch: at this darkness level, it's unforgiving about contrast ratios. Use it where you control the foreground entirely.
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.