Puma
#96711c
Muted earth green with auburn depth for grounding
About Puma
Puma is the green-brown you notice on a weathered leather strap in shade. It's darker than Fernweh and less wood-yellow than Aged Antics, so it keeps its identity as green first, not brown. Compared with Glazed Chestnut, it's leaner and tighter in tone, with less satin-brown warmth and more of that earthy, low-key depth.
I use Puma when the page needs warmth but not the "sunlit" effect. It's a strong fit for heritage product pages, packaging for outdoors and workshop brands, and navigation bars on catalog sites where you want contrast that still feels grounded. It also works in editorial sidebars and spec tables because it holds type crisply without going flat.
Pair it with off-whites, mushroom taupes, or darker greens so it doesn't feel heavy against cream-only palettes. If you put it next to very warm chestnuts, it can start to read slightly muted or even a touch smoky.
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.