Finger Banana

#e1c12f

Brighter finger-yellow green for crisp highlight blocks

Save
Share

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 , and it's less "late-afternoon wheat" than . Compared with , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.77:1Fail

On Gray 100 #f5f5f5

Aa
1.62:1Fail

On Gray 900 #18181b

Aa
10.01:1AAA

On Black #000000

Aa
11.87:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#e6bc00
#ddbb33
#dcc61f
#e3c81c
#eebb11

Create a gradient with Finger Banana

Open the generator with this color pre-loaded.

Start creating