Eat Your Greens
#696845
Darker, olive-neutral green for focused data labels
About Eat Your Greens
On my screen, Eat Your Greens looks like a fresh-ink wash over dull paper, not a dusty herb tint and not that brown-leaning drift from the other options. It's noticeably lighter and cleaner than Beat Around the Bush, so it doesn't feel lived-in or beige-adjacent. Compared to Bancha and Herbal Whispers, it holds a greener posture with less gray-brown pull, so the page reads more hydrated and less soil-like.
I like it for packaging that needs clarity: food brands, produce labels, and supplements where you want the green to feel present but not heavy. It also works well in UI panels for editorial product pages, blog category headers, and marketing sites when you need a backdrop that stays readable next to warm creams and soft blacks. With type, it's the one that lets hierarchy land without turning the background into a distraction.
Pairing note: if you stack it with very cool grays, it can start to look slightly flat. Add a touch of warmth in your neutrals so the green stays lively rather than chalky.
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.
