Goddess
#d0e1e8
Softer blue-gray lift for airy panels and forms
About Goddess
Goddess is the lightest thing in this corner of the gray family, and it barely registers as gray at all, more like white with a faint blue undertone that you feel rather than see. It's got almost no saturation, which means it won't fight for attention the way Dreamstress or Bird Bath Blue will. It just sits there, soft and nearly invisible, until you compare it to actual white and realize there's something there.
Use it for backgrounds in light interfaces where you need subtle separation without temperature, canvas areas in design tools, empty states in SaaS apps, secondary panels in fintech products where the data matters more than the surface. It works when you want the illusion of breathing room but still need a surface that's technically there. Unlike Cityscape (which feels grounded) or Dreamstress (which has a gentle lean), Goddess reads as almost colorless. It's the choice when neutral means *actually* neutral.
The catch: it disappears next to white, so pair it with something that has weight, darker grays, warm accents, actual color. On its own against pure white, you'll squint. But nestled in a layout with structure around it, it becomes the most restful surface you've got.
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.