Asparagus
#77ab56
Balanced asparagus green for refined, foliage UI accents
About Asparagus
Asparagus feels like the green that actually grew somewhere. It's muted enough to sit still, but not so drained that it reads like an old kitchen tile, there's real pigment underneath, a slight earthiness that keeps it from floating. Compared to Arugula's brightness or Bud Green's diplomatic softness, this one's got weight. Compared to Broccoli's deliberate richness, it's less of a statement and more of a fact.
You'll land on this for agricultural platforms, sustainability dashboards, and nature-forward interfaces where you need green that feels honest without performing. It pairs naturally with warm neutrals, stone, and wood textures, the kind of backgrounds that don't fight it. Against white it holds its own. Against cool grays it might need a touch of warmth nearby to keep from going flat, but that's a small trade for a color that doesn't demand to be seen, just trusted.
The thing: this shade sits in the sweet spot between the almost-too-fresh Arugula and Broccoli's darker confidence. It's the green you reach for when you want presence without personality.
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.