After Midnight
#38393f
Soft, after-hours slate gray with subtle warmth
About After Midnight
After Midnight sits just barely lighter than Coal Hard Truth, but the difference matters. It's got a touch more warmth than Abyssal's cool pull, and it doesn't carry Black Magic's purple saturation. What you're looking at is a gray that's dark enough to feel intentional without any color underneath it, it just feels slightly less void-like than the truly neutral options.
It works in dark mode editorial layouts, development environments, and media applications where you need a background that recedes but doesn't feel cold or aggressive. It's the gray that sits comfortably between Coal Hard Truth's mechanical invisibility and Black Magic's inhabited presence. You can layer text and secondary grays over it without strain, and it reads more like a deliberate choice than a default setting.
Pair it with bright type and you're fine. It doesn't have the purple warmth to complicate your palette, so it won't impose a mood on whatever you build on top of it. That neutrality is the whole point.
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.