Autumn Dystopia Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Autumn Dystopia palette
Color Inspiration
Images that showcase this color palette in real designs
Download Autumn Dystopia Color Palette (PNG)
Autumn Dystopia color palette CSS
/* CSS */
.color-1 {
color: #a94c37;
}
.color-2 {
color: #d1744d;
}
.color-3 {
color: #e4b653;
}
.color-4 {
color: #c6b19f;
}
.color-5 {
color: #5c3b28;
}
/* CSS Variables */
:root {
--color-1: #a94c37;
--color-2: #d1744d;
--color-3: #e4b653;
--color-4: #c6b19f;
--color-5: #5c3b28;
} Autumn Dystopia background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a94c37, #d1744d, #e4b653, #c6b19f, #5c3b28);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a94c37, #d1744d, #e4b653, #c6b19f, #5c3b28);
} Similar color palettes
Autumn Dystopia color palette created on .