Anna Banana
#f5d547
Softer golden banana yellow-green for warm UI highlights
About Anna Banana
Anna Banana sits where the other yellows in this family get nervous: it's saturated enough to have backbone, but light enough that it doesn't demand you squint. It's not as pale as Angel's Trumpet (which floats), and it's not as warm as Candlelight (which settles into the page like it owns it). This one has actual color in it without the weight. You notice it immediately, but it doesn't exhaust you.
Reach for it in education apps, fintech dashboards, and food delivery interfaces where you need something that reads as friendly and approachable but still carries enough punch to function as a primary accent. It works on white without vibrating. On mid-tone grays it actually glows a little. Unlike Banana Pepper, which leans crisp and bleached, this has warmth underneath, it just doesn't wear it on the surface.
Pair it with strong neutrals or near-blacks and it holds its own. But on really dark backgrounds it starts to thin out, so know when you're asking too much of 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.