Ethereal Moonlight
#d5e4ec
Airy cool gray-blue for softer, lighter panels
About Ethereal Moonlight
Ethereal Moonlight is almost not there, but that's the point. It's so pale and desaturated that it barely registers as gray, let alone anything cooler or warmer. Where Freezing Vapour commits to a crystalline blue undertone, this one pulls back even further. Where Bird Bath Blue leans into cool enough that you notice it first, this just... exists. The restraint is total. It's the color you reach for when you need a surface that dissolves into the background without feeling like surrender.
Use it in light interfaces where content needs maximum breathing room: SaaS body areas, healthcare platforms, editorial layouts with generous whitespace. Form backgrounds in accessibility-first dashboards. Anywhere you're asking color to disappear so text and imagery can land harder. It's lighter and less committed than Cityscape's deliberate presence, and less textured than anything trying to feel like a material.
The catch: pair it with warm accents and you might feel it vanish entirely, there's almost nothing holding it in place. But layer it with cool or neutral typography, and that near-invisibility becomes an advantage. It's not a surface. It's permission to stop thinking about the background.
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 Ethereal Moonlight
Open the generator with this color pre-loaded.
Start creating