Bavarian Green
#749a54
Balanced, mid-light green for content cards and headers
About Bavarian Green
Bavarian Green sits between Asparagus's earthiness and Buckingham Gardens's approachability, but it's neither. It's more saturated than both, with a lean toward warm olive rather than yellow. It's the shade that actually looks solid in a browser window, not washed out, not trying too hard, just there with real pigment underneath.
Reach for this on financial dashboards, enterprise software, and editorial spreads where you need green that feels authoritative without coldness. It reads as both natural and designed, which is harder than it sounds. Against white or pale stone it holds its own without glare. Pair it with charcoal, warm grays, or deep neutrals and it settles in like it belongs in professional spaces, not just nature-forward ones.
The thing: it's got enough saturation that it won't flatten against most backgrounds the way Chorus of Frogs can. But it doesn't need coddling either. Nest it next to anything from worn wood to steel and it just works.
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.