Turf
#415b36
Mossy, slightly warmer deep green for primary areas
About Turf
Turf sits on my desk like a fresh patch of grass photographed in late shade. It's not a crisp, sunlit green like Greenhouse, and it doesn't drift into the older olive-gray feel of Ficus or Cypress-adjacent tones. Compared with Heavy Green, it feels a bit more grounded and "field-wet," but still cleaner in its undertone, less dusty, less bench-paint.
For packaging and print, I like it on ingredient labels, herb and garden product wraps, and exterior logistics branding where the green needs to read real, not painted. In UI, it's strong for maps and field-ops dashboards, especially status bars, tag pills, and section bands that should feel readable without going bright. It's also my go-to shade for dashboards and finance apps-adjacent admin screens when you want the one you reach for that looks planted, not leafy.
Pair Turf with warm creams or light tan so it doesn't skew flat. With very cool grays, it can lose its living "turf" character and start to look more like a muted stain.
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.