Fernweh
#977b2f
Golden olive-brown green for muted chart contrast
About Fernweh
Fernweh reads like a sunlit field edge seen through a thin veil. It's not the muddy commitment of Capers, and it doesn't carry Bronze's obvious heat. Instead, it lands in a steadier middle: a green-brown that feels grounded, but lighter and more open than the darker neighbors.
I use Fernweh when the layout needs to look intentional without turning into a focal point. It works well for product detail pages in outdoor, home goods, and heritage brands where you want "made in" warmth without drifting into olive-brown. In editorial and long-form systems, it's a dependable background that holds type while staying calmer than Bay Leaf's cooler grayer pull. It's also the one you reach for when brown feels too safe and green feels too assertive.
Quirk to note: compared to Capers, the green shows up more consistently across sizes, but it still picks up warmth from surrounding creams and warm grays.
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.