Clay Red
#AD4445A deep, rich red that brings warmth and energy. Creates focal points in dining rooms, front doors, and accent walls.
Spec Sheet
Hex#AD4445
RGB173, 68, 69
HSL359°, 44%, 47%
On White 5.69:1 AA
On Black 3.69:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDE8E8 Text: #1A1414 Accent: #AD4445 Support: #578584 Neutral: #D4C6B9 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 Clay Red Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDE8E8;
--palette-ink: #1A1414;
--palette-accent: #AD4445;
--palette-support: #578584;
--palette-neutral: #D4C6B9;
}Tailwind Config
{
"palette-background": "#EDE8E8",
"palette-ink": "#1A1414",
"palette-accent": "#AD4445",
"palette-support": "#578584",
"palette-neutral": "#D4C6B9"
}Color Blindness Simulation
#5E5944
Protanopia#796F42
Deuteranopia#BD3045
TritanopiaBuild a design system around Clay Red.