Vineyard
#819e84
Darker, earthier vine green for grounded UI sections
About Vineyard
Vineyard looks like fresh leaves pressed a little flatter, like they've been dried in a sketchbook. It reads green-first, but the undertone won't let it go fully botanical. Compared with Basswood Green, which feels more gray-muted and screen-calm, Vineyard keeps a touch more life and turns slightly toward a grounded, earthy cool.
For product work, that makes it a dependable midlight option for data tables, inventory tooling, and plant-floor admin screens where you need a green that feels steady rather than natural. It's lighter than Parisian Patina but not as soft-warm as Basil, so it holds legibility on pale UI without feeling washed out. I reach for it when the design system needs status accents that don't disappear beside cool neutrals and desaturated teals.
One note: it can tip earthy if your background is very warm, so keep the surrounding whites a little cooler or add gray to the neutrals. Pair it with slate, concrete, and muted stone for the cleanest read.
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.