Dreamless Sleep
#111111
Near-black gray with neutral, calming bedtime depth
About Dreamless Sleep
Dreamless Sleep looks like a black that decided to breathe out. It's nearly neutral and a touch lifted, so the UI doesn't feel sealed-in like Cursed Black, and it doesn't settle into Dark Veil's gray hush. Compared to Black Wash, it keeps a faint sense of air, with less "nothingness" and a steadier, calmer tone.
I use it as the base layer when I want dark surfaces that stay quiet under dense type: production dashboards for logistics and insurance portals, video conferencing admin pages, and monitoring walls in broadcast control rooms. It's also my the one you reach for when a dark editor timeline needs to keep bright overlays crisp without turning the background into a harsh void.
Quirk: because it's slightly lighter and more even than near-black, thin dividers can look a bit softer. If that happens, I bump contrast and lean highlights slightly cooler than the body so edges stay defined.
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.
