Buckingham Gardens
#89a068
Cool muted olive green for navigation panels
About Buckingham Gardens
Buckingham Gardens is the green that actually looks like it belongs in a room, not on a screen. It's got enough yellow-green warmth to feel approachable, but it sits lighter and less saturated than Asparagus, there's less earth in it, more air. Compare it to Basil's deliberate mutedness and you'll see the difference immediately: this one doesn't hide. It's not trying to anchor type or disappear into backgrounds. It wants to be seen, just not loudly.
Reach for this on product interfaces, design systems, and wellness platforms where you need green that feels both natural and designed. It reads fresh against white without going acidic. Pair it with warm neutrals, cream, or soft stone and it settles into place like it was always meant to be there. It's got more presence than Arugula's brightness suggests, but it won't compete with content the way deeper greens do.
The catch: it'll flatten against very cool grays or sterile whites, so give it warmth nearby if you're testing it. But in most real-world contexts, especially where you're pairing it with wood, off-white, or natural textures, it just works.
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.
Similar colors
Create a gradient with Buckingham Gardens
Open the generator with this color pre-loaded.
Start creating