Moonless Mystery
#1e2433
Cooler, softer slate blue-gray for deeper contrast
About Moonless Mystery
I like Moonless Mystery when the UI needs depth, but I don't want that tight, blue-gray grip you get from Dark or Infinity. It sits a bit lighter and more muted, with a cool gray-blue undertone that feels absorbed rather than "last step before black." Compared with Night Sky, it loses some of that slate's cleaner presence and settles into a softer, heavier calm.
I use it for dark base layers in product settings where the background should stay out of the way, like fintech admin screens, creator dashboards, and newsroom metadata panels. It's great behind dense tables, timeline rails, and thick chart canvases because it doesn't vanish like the lighter anchors can, and it doesn't look as mechanical as Infinity. the one I reach for when the typography is near-white and you want the rules and gutters to read solid, not sharp.
Pair it with cool off-whites and restrained accents; if you stack warm grays on top, this shade can start to feel a little dull and underlit.
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.