Powder Puff
#ffeff3
Warmer pale mauve-gray that reads softer than pink-mixed grays
About Powder Puff
Powder Puff looks like a soft cloud with a gray backbone, not a blush-on-top effect. Compared to Just Pink Enough, it's less assertive, more evenly gray, and it doesn't swing peach-warm at all. Against Snowman, it reads a hair more misty and less icy, with a faint rosy undertone that stays quiet until you put it beside a truer neutral.
I use it as a background when I need pages to feel gentle but not pink-forward, especially in health and wellness interfaces and beauty product landing pages where you want readability without the page turning clinical. It also works in lightly designed editorial layouts for captions and module headers because it doesn't fight typography the way stronger pink grays can. It's warmer than pure white, but the one you reach for when you want that warmth to behave like a neutral wash, not a highlight.
Pair it with cooler mid-grays for contrast, or it can start to feel a little too delicate next to richer rose photography. Keep saturation modest and let it do the smoothing.
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.
