Emerald Rain
#80c872
Deep, moss-leaning green for grounded data sections
About Emerald Rain
Emerald Rain reads like rain-bright greenery on a window, but it doesn't go poppy like Electric Lettuce or clean-blank like Fresh Cut Grass. On screen it lands mid-light with a softer, more balanced saturation, and that slight yellow-green warmth keeps it from feeling charty or urgent.
It's the shade I grab when you want a fresh green that still feels composed. I've used it for crop-health and hydration panels in ag-tech, sustainability card accents in retail reporting, and progress step headers in logistics dashboards where the green should look current without taking over. Compared with Exhilarating Green, it holds a touch more depth and stays smoother at the edges, so it doesn't feel as airy or field-tidy.
Quirk: if it sits next to very cool grays, it can look a little flat. Pair it with deeper mossy borders or a warmer off-white so the color keeps its "wet daylight" lift.
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.
