Banana Cream
#fff49c
Pale banana-gold warmth sits softer than Butter
About Banana Cream
Banana Cream sits between its siblings without the identity crisis. It's noticeably more saturated than Banana Milk, with enough yellow backbone to actually hold a layout, but nowhere near the commitment that Cream makes. Think of it as the middle child that actually works, warm enough to feel intentional, pale enough to not demand all the attention.
You'll land it on product pages, SaaS interfaces, and editorial sites where you need warmth that doesn't compete with content. It handles form fields and button backgrounds without that sterile feeling, works behind body text without the heaviness of Cream, and doesn't disappear the way Banana Milk does. Design tool canvases, financial dashboards, e-commerce sites that want approachable, this is the shade that does the job without overthinking it.
The quirk: it's more forgiving in mixed-temperature palettes than Cream is. Pair it with cooler grays and the yellow reads as steady, not dated. It's got enough presence to anchor without enough attitude to clash. That balance is what makes it useful.
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.