Jubilant Jade
#44aa77
Bright yellow-green lift for friendly, modern UI
About Jubilant Jade
Jubilant Jade reads like a freshly mixed paint swatch that never goes fully leaf-bright. It's a medium-light green with a lively saturation, but the undertone stays decisively in the green family instead of drifting toward yellow like Endo can. Compared to Cosmic Green, it feels less cool and more buoyant, more "jade" than pigmenty teal. Compared with Bejewelled, it has less depth and less night-sheen, so it opens up on light surfaces instead of leaning dark and guarded.
I use it for product surfaces where you want momentum without yelling. Think dashboards for logistics and field operations, status chips in workflow apps, and key highlights in e-commerce admin. It's also great for marketing components that need clarity on screens, like category banners and filter states, because it stays readable over whites and still holds its own on muted grays.
One quirk: it prefers a touch of warmth nearby. Pairing it with stark cool grays can make it look slightly flat, while a creamy off-white or soft tan keeps the "jubilant" energy in check.
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.