Tiger
#be9c67
Golden tan-green for warm, grounded UI sections
About Tiger
Tiger is the kind of warm sand you notice on a worn leather strap after it's been in sun, but with a steadier green tilt than Lion's more golden pull. Compared to Curry Sauce, it feels more medium-toned and less dusty-honey, so it reads cleaner on the page. Next to Packing Paper, it gives you more presence and slightly higher saturation, not that muted, roll-of-kraft softness.
I use Tiger for interfaces that need a food-adjacent warmth without sliding toward orange-brown: filter pills, status tags, and product tier callouts in e-commerce and retail ops. It also holds up in dashboards and finance apps where you want readable highlights over cool grays. For editorial, it works well on section dividers and label bars in logistics and procurement reporting when you want the one you reach for to feel intentional, not parchment.
Quick note: on very bright whites, Tiger can look more golden than expected. If that happens, nudge your nearby neutrals cooler so the green undertone stays in control.
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.