Green Symphony
#66aa22
Deep olive-green for grounded headers and sidebars
About Green Symphony
Green Symphony hits like new growth photographed in open shade. It's a mid-light green with a smoother, cooler undertone than Grass, so it doesn't feel as sun-washed or "field-midtone." Compared to Botanical Garden, it's lighter and less heavy, with less depth and commitment to that dark-leaf presence.
For UI work, I use it when you need "active and healthy" without borrowing the dry confidence of Green Envy or the weight of Botanical Garden. It reads well on logistics and agriculture platforms for status chips and step-by-step forms, especially where map overlays sit on real imagery. It's also a good choice for fleet and maintenance dashboards, crop monitoring panels, and procurement workflows that need clear green states without turning into an urgency cue.
Pair it with crisp off-whites and cool grays. If you mix it with warmer greens, it will start to look slightly blue in comparison, so keep the surrounding palette on the cooler side.
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.