Au Clair de la Lune
#f4f2e2
Moonlit gray-beige for airy, cooler panels
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 Cornsilk (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 Buttermelon 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.
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 Au Clair de la Lune
Open the generator with this color pre-loaded.
Start creating