Cake Frosting
#f9dfe5
More pink, lighter, and milkier than nearby grays
About Cake Frosting
Cake Frosting is warmer than everything around it, noticeably. Where Bride plays it safe and Angelic Wings refuses warmth entirely, this one actually commits. There's a distinct peachy undertone that shows up the moment you place it next to a cooler gray. It's still pale enough to read as a background, but it's not pretending to be neutral.
You'll land on it in health and wellness interfaces, beauty product sites, and lifestyle editorial where the design needs to feel approachable without being saccharine. It works under body text in long-form layouts without that clinical feeling Angelic Wings brings. Unlike Coconut Agony, which disappears completely, Cake Frosting actually adds something, a gentle warmth that makes the whole page feel considered. Unlike Alpaca, which is substantially darker, this stays light enough to keep typography readable and clean.
Pair it with warm blacks or earthy accent colors and it settles in naturally. Sit it next to cool grays and the warmth becomes even more apparent, which is either exactly what you want or a sign to reconsider.
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.