Au Clair de la Lune

#f4f2e2

Moonlit gray-beige for airy, cooler panels

Save
Share

About Au Clair de la Lune

Au Clair de la Lune sits somewhere between cream and paper, warm enough that it reads intentional, but restrained enough that it won't dominate the room. It's got more color than (which is basically white's quieter cousin) and more restraint than Crème de Pêche, which leans noticeably peachy. This one threads the needle: present without being opinionated.

You'll find it working in editorial layouts, publishing platforms, and SaaS dashboards where warmth matters but neutrality still wins. It pairs cleanly with dark type and doesn't fight photography. Marketing sites and e-commerce use it too, that gentle beige tone feels approachable without sliding into dated territory. It's the background color that actually supports content instead of competing with it.

The trade-off: it's less forgiving than if you're pairing it with cool grays. Stay warmer in your palette and it anchors without fussing. Test it on actual screens before locking it in, the warmth can shift depending on your display calibration.

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.13:1Fail

On Gray 100 #f5f5f5

Aa
1.03:1Fail

On Gray 900 #18181b

Aa
15.73:1AAA

On Black #000000

Aa
18.65: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

#f6f1e2
#f4f3e0
#f3f3e6
#f5f1e5
#f4efe0

Create a gradient with Au Clair de la Lune

Open the generator with this color pre-loaded.

Start creating