Autumn Palette
Warm fall colors from amber to gold
Color Swatches
#D35400rgb(211, 84, 0)
#E67E22rgb(230, 126, 34)
#F39C12rgb(243, 156, 18)
#F1C40Frgb(241, 196, 15)
#FDE3A7rgb(253, 227, 167)
CSS Variables
:root {
--palette-1: #D35400;
--palette-2: #E67E22;
--palette-3: #F39C12;
--palette-4: #F1C40F;
--palette-5: #FDE3A7;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#D35400",
2: "#E67E22",
3: "#F39C12",
4: "#F1C40F",
5: "#FDE3A7",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility