60s Cyberspace Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with 60s Cyberspace palette
Color Inspiration
Images that showcase this color palette in real designs
Download 60s Cyberspace Color Palette (PNG)
60s Cyberspace color palette CSS
/* CSS */
.color-1 {
color: #00bdd6;
}
.color-2 {
color: #4051b5;
}
.color-3 {
color: #8c24a8;
}
.color-4 {
color: #ff4281;
}
.color-5 {
color: #ffec3d;
}
/* CSS Variables */
:root {
--color-1: #00bdd6;
--color-2: #4051b5;
--color-3: #8c24a8;
--color-4: #ff4281;
--color-5: #ffec3d;
}
60s Cyberspace background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bdd6, #4051b5, #8c24a8, #ff4281, #ffec3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bdd6, #4051b5, #8c24a8, #ff4281, #ffec3d);
}
Similar color palettes
Scroll down to explore 2 60s color palettes
60s Cyberspace color palette created on .