Gum Leaf
#acc9b2
Muted spring green for calm, balanced UI panels
About Gum Leaf
Gum Leaf reads like fresh leaves after you rinse them, but with the brightness dialed back. It's greener than Isle of Dreams, less grayed than Bok Choy, and it doesn't carry the cool, frosted haze of Frosted Fir. Compared to those nearby options, it feels more leafy and slightly more saturated, not soft-misted.
In UI comps, I use it when I want a background that stays calm but still clearly "green." It shows up well in dashboards and finance apps when you need status panels that don't drift toward mint-gray, and in logistics or fleet monitoring where alert areas need to feel controlled, not washed. It also works for wellness and HR screens as a secondary surface that won't look yellowed next to neutral charts.
Quick quirk: because it's lighter than deeper greens but not gray-milk soft, it can lose punch on very pale whites. Pair it with charcoal text or a darker green border so hierarchy doesn't flatten.
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.
