Arugula
#75ad5b
Herbaceous, medium green with cool olive undertone
About Arugula
Arugula sits closer to the middle of the green spectrum than Broccoli, but it's got more warmth baked in than Bud Green's diplomatic fence-sitting. It's brighter and less saturated than both, which means it reads fresh without the heaviness of deeper greens, and warm without tipping into yellow-green territory the way Augustus Asparagus does. This is the green that actually looks like the leaf it's named for.
You'll reach for this on health apps, wellness dashboards, and food-forward interfaces where you need green that feels natural and approachable at once. It works well as a primary accent or status indicator because it's got enough presence to guide the eye without demanding it. Against white it stays bright; pair it with cream or soft warm grays and it settles immediately, reads trustworthy.
The thing to know: it'll flatten or feel slightly washed out against very cool backgrounds or pure white, so give it warm or textured support nearby. Test it before you lock it in. Works harder than it looks.
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.