Weathered Leather
#90614a
Muted weathered brown-yellow for grounded warm accents
About Weathered Leather
Weathered Leather looks like the inside of a well-used satchel after a rain. It's warm and earthy, but more muted and dry than Leather, with a slightly deeper, more worked-material feel. Compared with Mocha Delight, it reads less like coffee foam and more like seasoned hide, so it holds its brown identity instead of turning gentler.
It sits in a sweet spot for heritage and craft product pages, where you want that lived-in warmth without the red pull you'd get from Cinnamon-adjacent browns. I use it for card containers, specs panels, and pricing components in hospitality booking flows and boutique retail UIs, especially when you want the background to feel grounded next to oat creams and warm grays. Against Coconut, Weathered Leather feels less orange and less "center-of-the-road" brown, so it won't brighten the palette as much.
Quirk: because it's subdued, pair it with brushed metals or off-whites that share the same warmth, or it can look a touch flat beside cooler neutrals.
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.
Similar colors
Create a gradient with Weathered Leather
Open the generator with this color pre-loaded.
Start creating