Banana Bread
#ffcf73
Sunlit yellow-green highlight for warm accents
About Banana Bread
Banana Bread sits darker and more muted than Cantaloupe or Bread and Butter, but it doesn't feel heavy the way Crème Pâtissière can. There's less yellow screaming at you here, it's pulled back just enough that it reads almost neutral until you look closer and realize there's actual warmth baked in. It's the one that doesn't announce itself.
Reach for it on recipe sites, bakery apps, and soft editorial layouts where you need a background that suggests comfort without demanding attention. It pairs with deeper sage and charcoal better than its brighter siblings, holds up next to photography without flattening it, and works on both very pale and slightly warmer neutrals without ghosting the way Cantaloupe will. Against natural wood or linen it disappears into the rightness of the thing.
The difference from Crème Pâtissière matters: this one's less saturated, cooler, more restrained, if you need that rich baked-goods punch, go richer. But if you want warmth that feels earned rather than imposed, this is it.
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.