Raleigh Tan
#CCAF92Earthy and clear, this clear orange recalls terracotta and sun-warmed stone.
Spec Sheet
Hex#CCAF92
RGB204, 175, 146
HSL30°, 36%, 69%
On White 2.08:1 Fail
On Black 10.11:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EEEBE7 Text: #201A13 Accent: #CCAF92 Support: #718FAD Neutral: #C7C7AE 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 Raleigh Tan Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EEEBE7;
--palette-ink: #201A13;
--palette-accent: #CCAF92;
--palette-support: #718FAD;
--palette-neutral: #C7C7AE;
}Tailwind Config
{
"palette-background": "#EEEBE7",
"palette-ink": "#201A13",
"palette-accent": "#CCAF92",
"palette-support": "#718FAD",
"palette-neutral": "#C7C7AE"
}Color Blindness Simulation
#B9B090
Protanopia#C0B793
Deuteranopia#D6A8A7
TritanopiaBuild a design system around Raleigh Tan.