Totally Broccoli
#909853
Mellow green-gray olive for calm data surfaces
About Totally Broccoli
Totally Broccoli is the kind of green you spot on a fresh bunch that's been rinsed and left to dry: clearly green, but not loud, with a slightly powdery softness. It sits between the sleepy gray-mood of Lazy Lizard and the settled brass-warm drift of Amazon Queen, so it never tips toward olive-gold or brown. Compared to Guacamole, it stays more consistently green, with less muddiness and less "avocado daylight" warmth.
I use it when I want green that stays readable without feeling muted-gray. Think inventory and procurement portals, plant or lab equipment interfaces, and e-commerce category pages where headers and status pills need to feel fresh, not meadow-bright. It also works well for internal tooling in logistics and food production teams, where you're looking at dense tables all day and the color has to hold steady under UI typography.
If you pair it with cream backgrounds, keep contrast cues a hair stronger than you would with Lazy Lizard, because this shade's mid-lightness can soften into off-whites faster than you expect.
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.