Forest Serenade
#336644
Deeper, calmer green for soft hierarchy blocks
About Forest Serenade
Forest Serenade is the green you notice on a park bench after a light rain, when the wood is dark but the surrounding leaves still look clean. It's darker than Enchanted Glen, but it doesn't drift as far toward hedge-serious as Bucolic. And unlike Into the Green, it doesn't feel like a crisp engineered accent. This one reads more like steady, shaded canopy with a quieter, moss-lean undertone.
For UI, I use it when the hierarchy needs to hold its nerve in mid-tones: map headers for outdoor guides, data-visit states in field-service dashboards, and section dividers in environmental reporting pages. It also works in packaging graphics for supplements and CPG lines that want "forest" without turning leaf-oil muted. The color's shaded-canopy undertone keeps it from going slick, and it stays readable without the extra pop you'd expect from brighter greens.
Pair it with warm creams or weathered tans, and avoid leaning too cool with slate, or it can start to feel restrained instead of grounded.
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.