Moon Base
#7d7d77
Slightly warm, medium gray that steadies layouts
About Moon Base
Moon Base looks like the gray you find on an EVA suit panel after hours of dust and handling, not shiny, not misty. It reads a touch darker than the office-friendly mid-grays, with a softer, steadier presence that feels cool and grounded rather than silvery or flat.
Compared to Old Silver's weathered, cooler metal feel, Moon Base is less dusty and more uniform, so it won't pick up that faint metallic attitude. Versus Gunsmoke, it has a more deliberate depth, so it's not the "just exists" neutral. And next to Jumbo's slightly warm pull, Moon Base stays more withdrawn, closer to a quiet shade that keeps typography crisp. I use it for dashboards and finance apps when you want panels and table bands to look more substantial than Lunar Base-family air, especially in fleet ops, procurement review, and security consoles where long lists need calm separation.
Quirk: pair it with slightly warmer whites for highlights; otherwise it can make active states feel a bit too restrained next to brighter surfaces.
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.