Cream Puff
#ffbb99
Very pale, creamy yellow-peach for gentle backgrounds
About Cream Puff
Cream Puff sits lighter than everything around it, it's lost the saturation that makes Blushing Cinnamon and Buttery feel assured, but it hasn't gotten soft the way Bellini has. This is the peachy-cream that actually reads cream first, a color that whispers rather than speaks. It's almost pale, but not quite. On screen it can feel like it's barely there until you put something darker next to it.
You'll use this in beauty and wellness apps, hospitality onboarding, and food platforms where you need warmth that feels approachable without any edge. It works in packaging design where the product doesn't need the interface competing for warmth, let the color fade into the background. Unlike Blushing Cinnamon's deliberate presence or Buttery's golden assertion, Cream Puff gets out of the way. It's the one you reach for when you need warmth that feels optional, almost delicate.
The catch: it skews cooler and flatter on dim screens, so pull it into natural light before you commit. Pair it with deeper peachy-browns or warm neutrals and it reads intentional. On white alone it can feel thin. It's a color that needs context to land.
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.