Lights Out
#3d474b
Softer mid-gray that keeps contrast readable
About Lights Out
I think of Lights Out as the gray you notice because it doesn't try to be friendly. It has that slightly muted, low-saturation feel, but compared to Dark Space it sits a touch more neutral and a bit more open in lightness, so it doesn't feel as smoky-clenched. And unlike Obsidian, it avoids that deeper, tighter stone-cool pull. It's still firmly in the dark-gray world, just less "rock" and more "screen-off calm."
This is the one you reach for when you want a primary surface that stays quiet in dashboards and finance apps, especially in data-dense admin UIs where tables, side panels, and dense forms all need to read without the background looking heavy. It also works in healthcare portals and logistics monitoring views where you're layering borders, captions, and status chips over a consistent base.
Pair it with a lighter gray ramp for hierarchy. If you stack it next to Dead Forest, keep Dead Forest to key separators or headings so Lights Out can do its job without getting overpowered.
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.