Wicked Witch
#5b984f
Slightly deep, warmer green for assertive states
About Wicked Witch
This green feels like it's been chosen for the label on a weathered tool shed: plant-colored, but with a darker, more deliberate tone than the brighter chart greens. Wicked Witch sits a step down in lightness from Golf Course and Hidden Valley, so it reads more confident and less "freshly mown." And compared to Muted Green, it's less gray-soft and more saturated, so it holds its presence instead of turning quiet.
On UI, I use it where the green has to feel operational, not informational. Think field service work status, equipment tag panels, and maintenance queues in logistics and property management, plus production dashboards where you want "in progress" to look weighty. It also works well for map overlays that need to anchor a zone without going olive. It's cool enough to stay disciplined next to neutral UI, but it won't feel like the one you reach for when you need stoplight clarity.
Pair it with off-whites and clean concrete to keep it from closing in. If you drop it beside very warm paper tones, it can tilt a touch moodier than you expect, so give it a brighter buffer.
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.