Moon Landing

#a7a7a7

Neutral medium gray with soft cool moonlit restraint

Save
Share

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 , so it doesn't disappear as completely. Compared to , it's flatter in tone and less sun-bleached. And unlike , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.41:1Fail

On Gray 100 #f5f5f5

Aa
2.21:1Fail

On Gray 900 #18181b

Aa
7.36:1AAA

On Black #000000

Aa
8.73:1AAA

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

Community palettes

Published palettes that include this color.

Create a gradient with Moon Landing

Open the generator with this color pre-loaded.

Start creating