Arugula

#75ad5b

Herbaceous, medium green with cool olive undertone

Save
Share

About Arugula

Arugula sits closer to the middle of the green spectrum than , but it's got more warmth baked in than '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 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.66:1Fail

On Gray 100 #f5f5f5

Aa
2.44:1Fail

On Gray 900 #18181b

Aa
6.65:1AAAAA Large

On Black #000000

Aa
7.88:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#77ab56
#71ab62
#79b465
#87b364
#71aa34

Create a gradient with Arugula

Open the generator with this color pre-loaded.

Start creating