Night Rider
#332e2e
Cool, low-saturation midnight gray for night UIs
About Night Rider
I keep Night Rider on my desk when a screen needs to feel dark but disciplined, like a shadowed hallway after the last light gets switched off. It's a deeper, cooler gray than the charcoal lane, but it doesn't go as close to void-black as Dark Charcoal. The undertone stays strictly gray, so it won't turn bricky like Havana or take on that heavier, workshop-wall calm of Diesel.
Compared to those, Night Rider reads slightly cooler and more controlled, with a touch more lightness that helps fine typography stay legible over long review cycles. I use it in admin consoles and ops control panels where you want dense interfaces to feel steady, not smoky. It's also great behind log viewers, subtitle or waveform review tools, and ticketing systems when the UI needs to sit back while status colors do the talking.
Quirk: because the saturation stays low and the tone is tight, gradients can look flat fast. If you pair it with blue or violet accents, keep them muted so the gray stays the anchor.
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.