Wicked Green
#9bca47
Softer sage-leaning green for calm charts
About Wicked Green
On my monitor, Wicked Green lands like a healthy leaf photographed at noon: crisp, noticeable, and not trying to soften into pastel. It's greener than Aromatic Herbs, with a cleaner, more direct saturation, and it avoids Lone Hunter's olive lean. Compared to Fairy Tale Green, it's less airy and more assertive, so UI text and icons don't feel like they're floating.
This is the shade I'd use for status accents that need to read fast in product UI, especially in dashboards and logistics mapping panels where "in progress" should be clear without turning neon. It also works well for admin tables and order workflow screens in commerce ops, and for data labels on agritech or sustainability reporting visuals where "green" has to look specific, not friendly.
Pair it with warm sand, off-whites, or muted clay so it stays confident. Next to very yellow greens it'll look slightly cooler, which is great if you want less cheer and more control.
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.