Exhilarating Green
#81c784
Brighter, balanced green for energetic UI hierarchy
About Exhilarating Green
This one reads like fresh sap caught in daylight, but steadier than the springy pop of Electric Lettuce. Exhilarating Green lands in that lighter, cleaner lane without going as uniform and field-tidy as Fresh Cut Grass. Compared with Bermudagrass, it feels a touch more lifted and airy, not as lawn-bright or impatient, with a smoother yellow-green lean that keeps it from turning too "signal."
I reach for it when success states, confirmations, and live progress need to feel optimistic without shouting. It's my go-to for onboarding steps, map and logistics route chips, and plant-care or sustainability screens where green should look current in product UI. Use it for category accents and card headers when you want clean, uplifting confirmation that still plays nice next to neutrals and cool UI grays. Pair it with deeper forest or moss tones for borders so it stays crisp, not blended.
Quick quirk: because it's moderately light and slightly warm-leaning, it can look flat next to very cool greens. If that happens, add a warmer off-white or swap the adjacent tone for something with more depth.
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 Exhilarating Green
Open the generator with this color pre-loaded.
Start creating