Magical Malachite
#22cc88
Slightly deep, misty green for calm data panels
About Magical Malachite
On my screen, Magical Malachite feels like a saturated, jewel-green that's a touch deeper and calmer than the brighter "lawn" side of the family. It reads cooler than Fennel Fiesta's yellow-leaning freshness, and it doesn't have the confident, steadier fill of Envy's Love. Compared with Bermudagrass, it's less sugary and more mineral. The result is a green that looks rich without turning heavy.
I use it when the UI needs authority, not just attention. It works hard in status chips, workflow states, and monitoring panels for logistics and field ops, especially where you want "active" or "approved" to feel grounded. It also holds up well on dark or photo-backed cards for dashboards and finance apps, giving a crisp read without the springy shout you'd get from the lighter greens.
Pair it with warm off-whites or soft charcoal, and consider a slightly lighter green tint for highlights so it doesn't feel too dense next to very bright accents.
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.
Similar colors
Create a gradient with Magical Malachite
Open the generator with this color pre-loaded.
Start creating