Cucumber Queen
#3c773c
Fresh light green with citrusy cool balance
About Cucumber Queen
I keep thinking of cut cucumber in morning light, that crisp, juicy green before it turns earthy. Cucumber Queen sits lighter than Bold Irish, so it won't feel heavy or managerial on the page. And it's fresher than Botanical, which edges darker and a bit more log-and-lichen. Compared to Autumn Crocodile's clay-moss warmth, this one stays greener and cleaner, with a cooler, more "garden fresh" tilt.
It's the green I reach for when the UI needs to feel optimistic without turning neon. In apps for food, health, and beauty, it reads like freshness in status chips, progress states, and section headers. I also like it in packaging mockups and editorial covers where you want nature vibes that still print clearly and don't muddy in midtones. Pair it with soft creams, pale grays, and natural woods; it pops without shouting, especially against off-white backgrounds.
Quick note: on very dark skins it can lose some of its cucumber brightness, so give it a little contrast space or let it float on near-white surfaces.
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.