Eucalyptus
#329760
Muted eucalyptus green with balanced, earthy calm
About Eucalyptus
Eucalyptus reads like fresh growth caught between a cool shade and a yellowed leaf. It's greener than Bulma Hair, with less warmth and more focused saturation, so it doesn't drift toward mint. Compared to Bejewelled, it's not as deep or as cool, so you get brightness that still feels controlled, not jewel-dark. And unlike Center Field's heavier, darker pull, Eucalyptus stays mid-light and steady.
I use it for product interfaces where green needs to feel calm but not timid: health and wellness apps, onboarding steps, status chips, and design system "success" elements that have to look intentional next to neutrals. It also holds up well in lifestyle UI, where you might pair it with soft grays or sandy tones and want the color to stay legible without turning clinical.
One quirk: if you put it beside very cool blues or near-black, the slightly yellow undertone can start to look muted. Give it a warm neutral nearby and it snaps back into focus.
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.