Lunar Light

#9b959c

Save

About Lunar Light

I keep Lunar Light around when I want a gray that feels airy but still looks intentional in a dark UI. It lands just a touch lighter than the other mid greys, with a cool neutrality that doesn't drift mauve like Femme Fatale and doesn't pick up Gull's gentle warmth.

On dark-mode product interfaces, it reads like a soft "lift" behind controls, so the interface stays legible without looking flat. It's a good fit for design tools, settings pages, and admin dashboards in fintech, healthcare ops portals, and logistics management, especially on panel backgrounds, sidebars, and table toolbars where you need separation without competing with charts. Compared to Lavender Ash, it's less lavender-forward and more simply cool, so dense data screenshots don't pick up a tint.

Pair it with crisp near-white type or restrained cool accent strokes. If you surround it with very warm grays, it can feel slightly steely, so I usually keep the whole system in the same temperature family.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Lunar Light

Open the generator with this color pre-loaded.

Start creating