Moonless Sky
#444b4a
Softer mid-gray for subdued, neutral UI surfaces
About Moonless Sky
Moonless Sky looks like that gray you see when the screen dims and the room goes quiet, slightly softer than the near-black feel of All Nighter and less "composed" than Night Watch. It sits in a steadier mid-dark zone, but it's clearly cooler than Dark as Night, with a muted, bluish cast that keeps it from turning flat. Less dense than the charcoals nearby, more airy than you expect from a dark gray.
I use Moonless Sky for primary panels when I want authority without the punch of a true near-black. Think command-center layouts for logistics control rooms, order management dashboards for retail ops, and admin surfaces in healthcare and insurance systems where text needs to stay calm but unmistakably on a dark stage. It's also a solid choice for editing interfaces in broadcast and print workflows, especially for divider bars and section backgrounds.
Quirk: next to very dark grays, it can read a touch blue, so I'll often pair it with a warmer highlight or a neutral border to keep the UI from feeling too icy.
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.