Ecological
#677f70
Neutral mid-green for grounded sections, greener than pine
About Ecological
Ecological reads like a green you'd wipe your thumb across on a matte planter: earthy, steady, and never in a hurry. Compared to Clouded Pine's cooler neutrality and gray-muted calm, this one feels less gray and more rooted, with a slightly warmer, living undertone. It also pulls away from Cactus's "dried-sage" neutrality by staying more clearly green, while avoiding the deep ink saturation of Illuminati Green.
I reach for Ecological in enterprise dashboards and content-heavy UI where you want a green that signals progress or status without looking like an alert. It also works well in brand systems for healthcare services, operations portals, and logistics reporting where the tone needs to feel grounded, not optimistic. Pair it with warm grays, bone, or stone so it keeps that natural warmth instead of turning flat.
Small quirk: it can look a bit heavy beside super-bright accents, so give it breathing room or mix in lighter neutrals.
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.