Fondant
#f4e2cf
Creamy pale yellow with peachy warmth for soft neutrals
About Fondant
Fondant reads like frosting right at the edge of sweetness, but it never turns peachy like Acropolis. It's a very light, creamy yellow that holds onto warmth without the sun-faded look of Almond, and it doesn't hedge like Buttercream. The undertone feels more milky-leaning and clean, so it stays quieter and more intentional than those diluted neighbors.
I reach for it in product surfaces and UI backgrounds where you want warmer than pure white without introducing any real tint. It shows up well in healthcare and wellness interfaces (settings screens, permission pages), plus education and hospitality apps where the design language needs to stay neutral and calm across long sessions.
Quirk: because it's so close to cream, it can blur into Beige territory fast. Give it a clear contrast partner, or anchor it with cooler grays or darker text so it doesn't feel like an accident.
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.