Lunar Luxury
#fbf4d6
Lighter, cooler gray-beige for refined negative space
About Lunar Luxury
Set this color behind a gray icon set and you'll notice the difference fast: Lunar Luxury is light, but it doesn't feel creamy like Natural Wool or sunnier like Hot Beach. It's more powder-soft and a touch cooler in mood, so it stays composed even when the layout gets busy.
Compared to Buttermelon, it holds its neutrality better. Buttermelon leans gentler and more evenly warm, while Lunar Luxury reads slightly more silvery and clean, like a pale spec of lunar dust rather than buttered paper. I use it as a base for design systems and documentation when the typography needs to look crisp, not cuddly, and for marketing landing pages where product photos or illustrations carry the warmth.
One quirk: because it's a hair cooler than the other near-whites, pairing it with very warm yellows can make type look less natural. Go with neutral or cool-leaning grays for the text and dividers, and it settles right in.
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.
