Puffy Pillow
#e7e5de
Warmer, puffier gray-beige with soft neutral lift
About Puffy Pillow
I keep running into Puffy Pillow on mockups where the background needs to feel padded, not stark. It reads like a soft, light gray at first glance, but it has a clearer gray body than Helium and a less dusty, less wool-leaning look than Little Lamb.
Compared to Party Ice, it sits a touch less crisp and slightly more velvety in the finish, so UI stays airy without turning into that cool, high-contrast gray. I like it for settings panels, catalog filtering, and light-mode marketing pages where product photos or illustrations are warm. It also holds up in e-commerce admin screens and logistics dashboards, especially under charts and table headers that need breathing room without going near-white.
Pair it with greys that carry some warmth in the inks, or you'll feel the whole layout drift a little flat and anonymous.
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.