Avocado
#568203
Chart-friendly avocado green with olive warmth
About Avocado
Avocado sits where green stops performing and starts existing as actual pigment. It's warmer and more muted than anything nearby, not the serious dark of Clover, not the cool depth of Beyond the Pines, not the practiced legibility of Center Field. This is the green that reads like something grown, not something designed. It's got ochre running through it, the kind of undertone that makes it feel like a natural material instead of a color choice.
You'll see this working in editorial design, packaging, and environmental brands where green needs to feel approachable without sacrificing credibility. It sits comfortably on warm neutrals and cream in ways cooler greens can't touch, and it actually gains richness on beige or taupe backgrounds instead of fighting them. The saturation is there but it's deliberate, the color reads as thoughtful rather than loud. Pair it with natural materials, serif typography, anything that benefits from a warmer, more grounded aesthetic.
The catch: it won't pop in high-contrast interfaces or dark mode dashboards. That's not weakness, that's the point. This is the one you reach for when the green itself needs to fade into the idea of something natural.
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.