Pearl Powder
#faffed
Luminous pale gray with pearly warmth, UI-ready
About Pearl Powder
Pearl Powder reads like skimmed light caught in a frosted window film. It's extremely pale, but unlike Amnesiac White it doesn't feel invisible or default; it has a hint more substance. Relative to Milk Foam and Milk, it steers more toward clean gray than toward yellow-green, so it doesn't look like food-breathing cream.
I use Pearl Powder as a soft neutral wash for UI backgrounds that should feel gentle but "designed." Think property management and HR portals, e-commerce account pages, and document systems where you want tables, side panels, and form gutters to sit back without pushing a warm cast onto avatars and typography. It's cooler and steadier than Milk Foam, with a more chalky gray restraint than Milk's creamy undertone.
Pair it with mid gray borders and darker text so it doesn't get swallowed by pure white space. If your palette leans heavily blue-silver, Pearl Powder can start to look a touch flatter than you expect, so add one warmer neutral to keep skin tones friendly.
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.
