In the Dark
#3b3c41
Lower, cooler gray for high-contrast depth
About In the Dark
I like In the Dark because it looks like a steady, deliberate panel in a prototype, not a guess. Compared to Coal Hard Truth, it's a touch lighter and less "barely-there" against the blacks in the UI. Compared to After Midnight, it doesn't pick up the faint warmth or the lived-in pull. And next to Artist's Charcoal, it feels more neutral and a bit more restrained, like the charcoal version that decided to stop flirting with warmth.
It's my go-to in dark mode editorial layouts and content-heavy streaming and video app screens where you want backgrounds that hold up across long sessions. Use it for code and data dashboards too, where you need bright type to pop without the gray getting personal. Tones stay consistent when you stack containers, footers, and side rails.
One small quirk: because it's slightly lifted from true near-black, it can make adjacent borders look clearer than you expect, so check your divider contrast before you lock the layout.
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.