Leafy Canopy
#aacc11
Deeper yellow-green for grounded charts and plantlike UI
About Leafy Canopy
Leafy Canopy looks like the first green you notice under an office skylight, not the neon stuff on a sign. It's a mid-light canopy green that reads leafy and soft rather than punchy. Compared to Cheerly Kiwi, it's less yellow-forward and less "cheer" energy. Compared to Bergamot, it's calmer and more canopy-like, with less snap and less "bright natural" bite.
Where I actually land it is dashboard status states and vegetation-heavy data views for things like ag-tech, forestry monitoring, and logistics mapping. It's also a strong pick for health, food, and sustainability interfaces where you want progress cues to feel grounded, not clinical. Against Aromatic Herbs, it's lighter and less muted, so it holds clarity on tinted panels without turning flat.
One quirk: pair it with true neutrals, not cooler gray-greens, or it can lose its leafiness and drift toward a generic screen-green.
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.
