Banana Split
#f7eec8
Warm pale chartreuse-beige for gentle, readable accents
About Banana Split
Banana Split is the pale, creamy cousin that got left out of the brightness conversation. It's got yellow in it, definitely, but so much less than Banana Bandanna that it reads almost neutral at first glance. The saturation is pulled way back, which means it sits closer to off-white than to primary yellow. It's the color that doesn't announce itself, the one you'd actually use in a real product without worrying it's going to tire someone's eyes.
You'll land on this for editorial layouts, light backgrounds in publishing apps, and recipe sites where you want warmth without the intensity. It works for subtle accent layers too, think notification badges that need to exist but don't need to scream, or the kind of form background that feels intentional but stays out of the way. It's softer than Buttered Popcorn but with an actual tint to it, so it reads less clinical than cream on a white screen.
The trick: test it next to grays and beiges before committing. It can disappear if you're not careful with contrast, especially on off-white surfaces. But pair it with a real dark tone, deep olive, charcoal, navy, and it gains definition fast. It's the restraint version.
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.