Shepherd’s Green

#5a8643

Warm, medium green for grounded layouts and charts

Save
Share

About Shepherd’s Green

Shepherd's reads like a shaded hedge seen at mid-morning. It's distinctly earthy, but not as dulled as , and it doesn't have the smooth under-canopy steadiness of . Compared with , it holds onto more body and a slightly more muted, shepherded leaf note instead of that fresher foliage feel.

For UI, I use it when I want to feel present without tipping into dusk-cool. It works especially well on product surfaces for agtech and field-management tools, where you need status indicators that look grounded next to maps, chips, and legend text. I've also had it perform nicely on herb and produce brand systems, plus logistics dashboards and operations pages where greens sit next to busy neutrals for hours, not days.

Pair it with warm off-whites and stone grays; if you stack it beside very yellow-leaning greens, the difference shows immediately and that can be great if you're intentionally separating layers.

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
4.26:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.91:1FailAA Large

On Gray 900 #18181b

Aa
4.16:1FailAA Large

On Black #000000

Aa
4.93:1AAAAA Large

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

Create a gradient with Shepherd’s Green

Open the generator with this color pre-loaded.

Start creating