Magical Moonlight
#f0eeeb
Cooler, misty gray with moonlit neutrality
About Magical Moonlight
The first thing I notice with Magical Moonlight is how it keeps its softness without slipping into cream. It's a cool-leaning light gray with a slightly bluish cast, so it feels more "moonlit air" than "paper warmth." Compared to Angelic White and Fuji Peak, it doesn't do that gentle beige persuasion. And compared to Cloud Dancer, it's brighter and cleaner, so it carries less of that quiet, in-between gray weight.
I use it when I want a background that reads calm but still holds structure for content: editorial templates, SaaS settings pages, and documentation sites where headings need contrast without looking harsh. It's warmer than the cooler grays, but cooler than cream whites, which makes it behave across photography and UI chrome. It's the one you reach for when you want typography to feel crisp while the page stays understated, not off-white and not cloudy.
Pair it with charcoal text and mid-tone grays, and watch how it behaves next to any true cream. Let it lead, not compete.
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.
Similar colors
Create a gradient with Magical Moonlight
Open the generator with this color pre-loaded.
Start creating