Saddle
#8E7460A rich leather brown with the warm patina of a well-worn Western saddle, deep and authentically Californian.
Spec Sheet
Hex#8E7460
RGB142, 116, 96
HSL26°, 19%, 47%
On White 4.36:1 AA Large
On Black 4.82:1 AA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2EFED Text: #1F160F Accent: #8E7460 Support: #557C9B Neutral: #CAC8AA Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Saddle Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2EFED;
--palette-ink: #1F160F;
--palette-accent: #8E7460;
--palette-support: #557C9B;
--palette-neutral: #CAC8AA;
}Tailwind Config
{
"palette-background": "#F2EFED",
"palette-ink": "#1F160F",
"palette-accent": "#8E7460",
"palette-support": "#557C9B",
"palette-neutral": "#CAC8AA"
}Color Blindness Simulation
#7C765F
Protanopia#827B60
Deuteranopia#966F6F
TritanopiaBuild a design system around Saddle.