Moonwalk
#bebec4
Softer mid gray with silvery, neutral undertone
About Moonwalk
Moonwalk reads like a faintly chalky film on a gray wall, the kind of surface that soaks up light instead of throwing it back. It's noticeably more neutral than Ghost, with no gentle warmth shift, and it doesn't lean purple like Cosmic. Compared to Blue Haze, the blue never surfaces, so it stays calm even when your UI gets busy.
I use it as a secondary surface in dashboards and finance apps for card containers, form fields, and disabled states where you want structure without a cold hospital vibe. It gives you enough lightness to keep typography legible, but the saturation stays low so it won't compete with both warm and cool accents. It's the one you reach for when you're building hierarchy frames that should feel set back, not chosen.
Quirk: because it's so restrained, pairing it with very dark grays can make borders feel flatter than you expect. A touch of contrast spacing or a slightly deeper neighbor fixes that fast.
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.