Moonlight
#f6eed5
Crisp, pale green-beige for cool, airy backgrounds
About Moonlight
Moonlight feels like the moment daylight fades on a pale wall, when the green undertone shows up without yelling. Compared to Fuzzy Sheep's wooly warmth and Gin Fizz's brighter lime lift, Moonlight sits lighter but also more muted, with a soft, slightly gray cast that keeps it from reading creamy. It's not as yellow-leaning as the pale off-white cousins, and it never turns into pure paper white.
I use it when I need a green family background that stays calm next to product photography, especially in lifestyle and wellness e-comm. Think spa booking systems, museum or gallery ticketing pages, and editorial cards where section headers should feel airy but grounded. In UI, it works for empty states, card gutters, and subtle panels where you want warmer than pure white comfort without the yellow edge.
Quirk: it can feel a touch chilly beside strong, saturated greens, so I pair it with sage, dusty olive, or a warmer greige to keep the mood steady.
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.