Spectrum of Possibilities Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Spectrum of Possibilities palette
Download Spectrum of Possibilities Color Palette (PNG)
Spectrum of Possibilities color palette CSS
/* CSS */
.color-1 {
color: #f9c54e;
}
.color-2 {
color: #91be6f;
}
.color-3 {
color: #43ad8d;
}
.color-4 {
color: #56768f;
}
.color-5 {
color: #277ca0;
}
/* CSS Variables */
:root {
--color-1: #f9c54e;
--color-2: #91be6f;
--color-3: #43ad8d;
--color-4: #56768f;
--color-5: #277ca0;
} Spectrum of Possibilities background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9c54e, #91be6f, #43ad8d, #56768f, #277ca0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9c54e, #91be6f, #43ad8d, #56768f, #277ca0);
} Similar color palettes
Scroll down to explore 200+ Bright color palettes
Spectrum of Possibilities color palette created on .