Shepherd’s Green
#5a8643
Warm, medium green for grounded layouts and charts
About Shepherd’s Green
Shepherd's Green reads like a shaded hedge seen at mid-morning. It's distinctly earthy, but not as dulled as Homegrown, and it doesn't have the smooth under-canopy steadiness of Hidden Paradise. Compared with Fern, 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 green 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.
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.