Crude Banana

#21c40e

Warm, yellow-leaning green for urgent status cues

Save
Share

About Crude Banana

Crude Banana sits at that awkward sweet spot where green stops feeling like a color choice and starts feeling like something that grew there. It's lighter and less saturated than , which means it doesn't scream for attention the way that one does. There's yellow in it, sure, but it's muted enough that the green still reads as the main event. It's got some warmth, but it's not trying to be friendly about it.

You'll hit it in product interfaces, health apps, and data dashboards where you need green to feel present but not alarming. Agriculture software, garden planning tools, sustainability reports, growth metrics that don't need to feel urgent. It works better on mid-tone and light backgrounds than does, it doesn't get thin or stretched the way purer greens do. Against darker neutrals it sits there with actual weight, but without the clinical detachment of or the pure confidence of . This is the one that feels approachable without being loud about it.

Pair it with warm grays and off-whites and it settles in naturally. Push it onto pure black and it needs a little more breathing room than you'd think, or it starts reading more neon than natural. It's not the color for urgent warnings or aggressive CTAs, that's where earns its keep.

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
2.34:1Fail

On Gray 100 #f5f5f5

Aa
2.15:1Fail

On Gray 900 #18181b

Aa
7.57:1AAA

On Black #000000

Aa
8.97: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.

Create a gradient with Crude Banana

Open the generator with this color pre-loaded.

Start creating