Avocado

#568203

Chart-friendly avocado green with olive warmth

Save
Share

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 , not the cool depth of Beyond the Pines, not the practiced legibility of . 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
4.58:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.20:1FailAA Large

On Gray 900 #18181b

Aa
3.87:1FailAA Large

On Black #000000

Aa
4.59:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Avocado

Open the generator with this color pre-loaded.

Start creating