Vanilla Cream
#f8e3ab
Warmer, silkier custard yellow-green for gentle UI
About Vanilla Cream
Vanilla Cream looks like the frosting edge you accidentally over-blended, that soft off-cream glow when a kitchen light hits it. It's light and creamy, but unlike the yellower neighbors it stays restrained, more vanilla than honey. In the Green family, it reads warmer than pure white without turning into Butter Honey's more committed yellow, and it doesn't carry the cooler, more muted beige-green haze that Flan leans on.
I use it when I need a background that feels friendly in product UI and print mockups, especially for food packaging comps and CPG product pages where type should sit calmly. It's also a go-to in wellness and ecommerce category headers, where Crème de la Crème-leaning creams can feel too whisper-soft and Banana Mania can get too loud. Compared with Meringue, Vanilla Cream holds a touch more color richness, so it won't vanish beside your off-white labels.
Quick pairing note: keep it away from stark paper whites in large fields, or the difference in warmth will start to look intentional in a bad way.
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.