Vanilla Blush
#fcede4
Creamy blush tint, warmer than rosy grays
About Vanilla Blush
I keep a mental note of Vanilla Blush by looking at the first frame of a frosted pastry case. It's creamy, but it doesn't lean peach the way Dogwood does, and it doesn't feel near-white like Frothy Milk either. This one sits a touch deeper and drier in tone, with a soft pink-leaning warmth that reads gentler than straight beige.
I reach for it when the UI needs softness without turning background into a distraction: light skincare and wellness interfaces, onboarding screens for consumer apps, and product marketing pages where photography should stay in charge. Compared to Frothy Milk, it has more body, so text and controls don't feel like they're floating. Compared to Dogwood, it's less saturated and more blushed than peachy.
Pair it with charcoal grays and slightly richer neutrals for cards or form fields. If you swap it next to Frothy Milk, it's the one that looks more intentional, not just paler.
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.
