Powdered
#f9f2e7
Cool, low-saturation gray for crisp airy layouts
About Powdered
Powdered looks like lightly dusted paper when you drop it behind crisp UI type. It's extremely light and mostly neutral, but it's not the creamy soft-gray of Milk Moustache, and it doesn't pick up that faint blush of Long Beach. Compared with Fuji Peak, Powdered keeps the warmth dialed way back. The result is a gentler, flatter backdrop that feels clean without going white-out.
I like it for product docs, help centers, and settings screens where you want the interface to stay calm and readable while still feeling human. It also works in SaaS dashboards when you need a background that stays quiet next to charts and cards. If your design leans cool (charcoal text, steel grays, matte illustrations), Powdered holds its own without shifting toward beige.
One note: because it's so close to neutral, it can feel a touch more formal than Milk Moustache. Pair it with slightly warmer typography if the page starts reading too restrained, but keep photography natural so it doesn't look washed.
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.
