Color collection
Autumn Color Palettes
Warm autumn palettes for editorial shops, cafes, seasonal campaigns, and cozy landing pages.
#3166D8Accent#D6AC51Surface#EBEDF4Text#121621Support#CE829AAutumn 23Autumn / Warm / EditorialQuality 98Primary#316ED8Accent#51D66CSurface#EBEDF4Text#121721Support#CE829EAutumn 1Autumn / Warm / EditorialQuality 97Primary#3195D8Accent#515AD6Surface#EBEFF4Text#121A21Support#CE82B0Autumn 22Autumn / Warm / EditorialQuality 97Primary#319ED8Accent#75D651Surface#EBF0F4Text#121B21Support#CE82B4Autumn 3Autumn / Warm / EditorialQuality 96Primary#3137D8Accent#C551D6Surface#ECEBF4Text#131221Support#CE8285Autumn 5Autumn / Warm / EditorialQuality 96Primary#8A31D8Accent#D6516CSurface#F1EBF4Text#1B1221Support#CEAB82How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for cafes, shops, seasonal campaigns, and warm editorial pages. Pair rust and amber with cream or charcoal so the palette feels rich rather than heavy.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3166D8;
--accent: #D6AC51;
--surface: #EBEDF4;
--text: #121621;
--support: #CE829A;
}FAQ
Where should I use autumn color palettes?
These palettes are designed for cafes, shops, seasonal campaigns, and warm editorial pages.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Pair rust and amber with cream or charcoal so the palette feels rich rather than heavy.