80s Nostalgia Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with 80s Nostalgia palette
Color Inspiration
Images that showcase this color palette in real designs
Download 80s Nostalgia Color Palette (PNG)
80s Nostalgia color palette CSS
/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #6f9ed8;
}
.color-3 {
color: #f7c94b;
}
.color-4 {
color: #f78da7;
}
.color-5 {
color: #c7c7a8;
}
/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #6f9ed8;
--color-3: #f7c94b;
--color-4: #f78da7;
--color-5: #c7c7a8;
} 80s Nostalgia background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #6f9ed8, #f7c94b, #f78da7, #c7c7a8);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #6f9ed8, #f7c94b, #f78da7, #c7c7a8);
} Similar color palettes
80s Nostalgia color palette created on .