Broccoli Paradise
#008833
Deep cool green for fresh, high-contrast UI
About Broccoli Paradise
Broccoli Paradise hits different the moment you place it next to Clover or Center Field. It's brighter and less saturated than both, there's actual lightness here, not depth playing tricks. The green doesn't disappear into itself or demand legibility on dark surfaces. Instead it sits in the middle ground, genuinely cheerful without being loud, the kind of color that reads as fresh without needing to prove anything.
This one lands in product interfaces, health and wellness apps, and any design where green needs to feel approachable and optimistic. It pairs cleanly with light backgrounds and mid-tone neutrals, holds its own against white without that clinical sting that pure brights bring. Unlike Avocado's warm, organic feeling or Center Field's practiced cool, Broccoli Paradise just feels straightforward, green doing what green does best.
The trade-off: it won't anchor a dark mode the way deeper saturated greens will, and it reads slightly cooler than Avocado so don't expect that natural material warmth. But against pastels or soft neutrals it actually gains presence instead of flattening. Know when you need the optimism more than the authority.
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 Broccoli Paradise
Open the generator with this color pre-loaded.
Start creating