Greenhorn
#b2cc9a
Fresh, yellow-leaning green for airy contrast
About Greenhorn
Greenhorn looks like fresh pasture under soft overcast light. It's a medium-light green that stays clearly green, but it avoids the cleaner, label-like calm of In Good Taste and the flatter, slightly gray outdoorsiness of Camping Grounds. Compared to Bok Choy, it's less cool and more gently warm, so it doesn't feel "muted and distant."
I use the one you reach for when you need a background that reads healthy without turning minty, and without drifting yellow like a more optimistic chart green. It fits dashboards and finance apps-adjacent UI too, especially when you want status chips, filter rails, and secondary chart panels to feel consistent rather than frosted. It also works in logistics monitoring, HR/admin portals, and sustainability product pages where the UI needs to sit beside photos without stealing their color.
Quirk: because it's moderately saturated and a touch warmer than Bok Choy, it can make white borders look a little warmer. Pair it with neutral grays or deeper green accents for hierarchy.
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.