Sienna Clay
#BD7750Earthy and grounded, this steady orange recalls terracotta and sun-warmed stone.
Spec Sheet
Hex#BD7750
RGB189, 119, 80
HSL21°, 45%, 53%
On White 3.55:1 AA Large
On Black 5.92:1 AA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F4F2F1 Text: #2D2420 Accent: #BD7750 Support: #6E99AF Neutral: #CFCCB9 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 Sienna Clay Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F4F2F1;
--palette-ink: #2D2420;
--palette-accent: #BD7750;
--palette-support: #6E99AF;
--palette-neutral: #CFCCB9;
}Tailwind Config
{
"palette-background": "#F4F2F1",
"palette-ink": "#2D2420",
"palette-accent": "#BD7750",
"palette-support": "#6E99AF",
"palette-neutral": "#CFCCB9"
}Color Blindness Simulation
#8A7F4D
Protanopia#9B8E50
Deuteranopia#CD6A6D
TritanopiaBuild a design system around Sienna Clay.