Zucchini Noodles
#c8d07f
Light, fresh chartreuse-green for crisp headers
About Zucchini Noodles
I keep seeing Zucchini Noodles in the brief right after "fresh green," because it has that soft, kitchen-herb look instead of the snappy lime punch. It's lighter than the earthy leaning greens and carries a gentler, slightly cool undertone, so it reads more like tender zucchini than sun-baked leaf. Compared with Alligator Alley, it feels more airy and less yellow-agricultural. Compared with Fool's Gold, it avoids that golden, late-market warmth.
Use it when you want green that stays calm in UI blocks, not louder on headlines. It's a strong pick for ingredient callouts and health and wellness product cards where the layout needs visibility without going caution-stripe. I also like it for sustainability landing pages, filter chips, and secondary buttons in dashboards and finance apps that need a friendly green family accent.
One quirk: it can look a bit washed if you pair it with cool grays that are too pale. Anchor it with deeper forest or warm stone so the softness holds its shape.
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.
