Autumnal
#CD8C5DAn earthy, muted orange value that pairs effortlessly with both warm and cool tones.
Spec Sheet
Hex#CD8C5D
RGB205, 140, 93
HSL25°, 53%, 58%
On White 2.8:1 Fail
On Black 7.51:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #ECE7E4 Text: #2D1F15 Accent: #CD8C5D Support: #7294AC Neutral: #D4D2BF 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 Autumnal Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #ECE7E4;
--palette-ink: #2D1F15;
--palette-accent: #CD8C5D;
--palette-support: #7294AC;
--palette-neutral: #D4D2BF;
}Tailwind Config
{
"palette-background": "#ECE7E4",
"palette-ink": "#2D1F15",
"palette-accent": "#CD8C5D",
"palette-support": "#7294AC",
"palette-neutral": "#D4D2BF"
}Color Blindness Simulation
#9F9259
Protanopia#AEA05D
Deuteranopia#DE7F80
TritanopiaBuild a design system around Autumnal.