Night Rider

#332e2e

Cool, low-saturation midnight gray for night UIs

Save
Share

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 . The undertone stays strictly gray, so it won't turn bricky like or take on that heavier, workshop-wall calm of .

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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
13.37:1AAA

On Gray 100 #f5f5f5

Aa
12.26:1AAA

On Gray 900 #18181b

Aa
1.33:1Fail

On Black #000000

Aa
1.57:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#332f2c
#322c2b
#392d2b
#312b27

Create a gradient with Night Rider

Open the generator with this color pre-loaded.

Start creating