Crude Banana
#21c40e
Warm, yellow-leaning green for urgent status cues
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 Candy Green, 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 Battletoad 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 Alienated or the pure confidence of Battletoad. 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 Candy Green earns its keep.
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.