Moonlight

#f6eed5

Crisp, pale green-beige for cool, airy backgrounds

Save
Share

About Moonlight

Moonlight feels like the moment daylight fades on a pale wall, when the green undertone shows up without yelling. Compared to 's wooly warmth and '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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.16:1Fail

On Gray 100 #f5f5f5

Aa
1.06:1Fail

On Gray 900 #18181b

Aa
15.28:1AAA

On Black #000000

Aa
18.11:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Moonlight

Open the generator with this color pre-loaded.

Start creating