Radiant Moon
#e0e6f0
Lighter gray with gentle neutral undertone for airy layouts
About Radiant Moon
Radiant Moon reminds me of a moonlit wall after the lights go off: not stark white, not fully gray, just that in-between glow. It's a light, cool-toned gray with a softer blue undertone than Freeze Up, and it stays more muted than Cold Shoulder, so it doesn't feel like it's bringing a whole winter sky into the room.
I use it when the UI needs to look clean but still intentional, especially in dashboards and finance apps where backgrounds have to support data without turning into a statement. It's great for panel surfaces, subtle form-field backgrounds, and the "resting" state behind secondary charts in SaaS. Compared with Cotton Boll, it won't read warm or off-white once you put it next to neutrals. Compared with both Freeze Up and Cold Shoulder, it keeps the cool in check, so hierarchy stays steady.
Pair it with warmer grays or near-neutral whites if you want more separation; otherwise, it can blend into other cool whites faster than you expect.
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.