Leather
#906a54
Dusty, medium-dark yellow-brown for leather accents
About Leather
Leather is the brown you notice in a worn wallet on a sunny day, not the glossy kind. It reads warm and solid, but there's a muted, slightly dry undertone that keeps it from turning into the deeper, caramel punch of Brown Sugar or the softer, dusty restraint of Argan Oil.
Compared to Caribou, Leather feels steadier and a touch less saturated, more "worked material" than "intentional choice." I like it as a background for product detail pages, especially in leather goods, automotive accessories, and hospitality booking interfaces where you want warmth without shouting. Use it for card containers, pricing panels, and primary button states when cream alone feels too light, but you don't want the higher drama of darker browns.
Pair it with warm grays, oat creams, or brushed metals. Drop it next to very cool neutrals and it can look a bit heavy instead of grounded.
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.