Finger Banana
#e1c12f
Brighter finger-yellow green for crisp highlight blocks
About Finger Banana
Finger Banana reads like a peeled spot of fruit juice caught under a bright shop light. It's a lighter, more lemon-leaning yellow than the settled golds around it, so it doesn't feel heavy like Buried Gold, and it's less "late-afternoon wheat" than Golden Kingdom. Compared with Glistening Dawn, it's a touch less crisp and more mellow in the middle, with a softer, fruitier undertone that feels friendly without going honeyed.
I use it when the UI needs a clean attention cue that still feels natural next to greens, especially in dashboards and finance apps where you want signal clarity but not the sharper, tool-like warmth of brighter yellows. It's also great for inventory and logistics screens, like status badges and step highlights, and it works well on retail category cards for produce, gardening, or snack brands where the background is already verdant.
Pair it with olive, leaf-green tints, or a muted mint so it stays "fresh" instead of turning flat. If your surrounding greens are too cool, add a warm cream buffer so the yellow doesn't feel slightly artificial.
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.