Rookwood Clay
#9A7E64An amber, muted orange value subtle enough for large surfaces yet interesting up close.
Spec Sheet
Hex#9A7E64
RGB154, 126, 100
HSL29°, 21%, 50%
On White 3.79:1 AA Large
On Black 5.54:1 AA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE8E5 Text: #1F170F Accent: #9A7E64 Support: #738DA5 Neutral: #C7C7AD 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 Rookwood Clay Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE8E5;
--palette-ink: #1F170F;
--palette-accent: #9A7E64;
--palette-support: #738DA5;
--palette-neutral: #C7C7AD;
}Tailwind Config
{
"palette-background": "#EBE8E5",
"palette-ink": "#1F170F",
"palette-accent": "#9A7E64",
"palette-support": "#738DA5",
"palette-neutral": "#C7C7AD"
}Color Blindness Simulation
#877F62
Protanopia#8E8664
Deuteranopia#A37877
TritanopiaBuild a design system around Rookwood Clay.