Moon Landing
#a7a7a7
Neutral medium gray with soft cool moonlit restraint
About Moon Landing
I notice Moon Landing the moment I drop it behind UI copy: it reads like a gray that's been professionally toned down, not softened into beige and not warmed into sand. It has a cool, even neutrality that feels deliberate, with a little more "air" and less weight than Cathedral, so it doesn't disappear as completely. Compared to Forgotten Sandstone, it's flatter in tone and less sun-bleached. And unlike Desert Dune, it doesn't flirt with tan at all.
This is the cool, steady backdrop I reach for when the interface needs to stay quiet and the typography needs to do the talking. Think dashboards and finance apps, medical and research software, or any reading surface where you want less glare but also more consistency than a slightly lifted gray. It pairs well with both cool and warm accents because the undertone stays controlled.
Quick caution: in dense layouts it can feel a touch "technical," so I usually offset it with warmer text or subtle off-white surfaces for headers to keep things human.
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.