Deep Night
#494c55
Cooler, nearly-black slate for deep header contrast
About Deep Night
Deep Night sits where you'd expect pure flatness but finds just enough personality to matter. It's darker than Black Orchid, closer to Blackwater's light-absorbing depth, but it doesn't have that void quality. There's warmth hiding in the undertone, the kind you only notice when you've stared at colder grays too long. It reads as a choice, not an accident.
Reach for it in dark interfaces where hierarchy still needs to exist: design systems, preference panels, audio editing suites, anything where you're layering multiple UI elements and can't afford for secondary content to vanish completely. It's darker than Abyssal's recessed-background energy, which means it works better as an active surface. Pair it with type or accents and it holds them without competing. The saturation keeps it from feeling washed out the way lighter grays do.
The quirk: it's the rare dark gray that actually tolerates a second gray on top of it. You can layer a lighter mid-tone and it'll stick around instead of drowning. That flexibility is worth knowing about when you're building systems that need breathing room.
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.