Peach Puff
#ffdab9
Creamy peach with lighter apricot warmth than nearby
About Peach Puff
On my screen, Peach Puff reads like a very light, creamy peach with a soft yellow bias. It's not as pink-skin as Gentle Caress, and it doesn't slide into the sandier, fruitier direction of Persian Melon. Compared with Pandora's Box, it feels slightly more pale and less honeyed, so the middle tones stay cleaner and less golden.
This is the shade I grab for warmer than pure white backgrounds when I still want an airy, gentle mood. In UI it works well for skincare and wellness product pages, where the layout needs calm against warm highlight photography. It also looks right in e-commerce card surfaces, onboarding screens, and packaging mockups for food and beauty brands that want "baked comfort" without tipping into coral or sunscreen orange.
Quirk: set it next to stronger yellows and it can look a touch more neutral than expected, so I like pairing with soft cocoa tones or cool-gray typography to keep it reading peach, not beige.
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.
