Desaturated Purple Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Desaturated Purple palette
Color Inspiration
Images that showcase this color palette in real designs
Download Desaturated Purple Color Palette (PNG)
Desaturated Purple color palette CSS
/* CSS */
.color-1 {
color: #3800a8;
}
.color-2 {
color: #4a2c81;
}
.color-3 {
color: #7a5b95;
}
.color-4 {
color: #a78ebe;
}
.color-5 {
color: #d7c1e1;
}
/* CSS Variables */
:root {
--color-1: #3800a8;
--color-2: #4a2c81;
--color-3: #7a5b95;
--color-4: #a78ebe;
--color-5: #d7c1e1;
} Desaturated Purple background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3800a8, #4a2c81, #7a5b95, #a78ebe, #d7c1e1);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3800a8, #4a2c81, #7a5b95, #a78ebe, #d7c1e1);
} Similar color palettes
Desaturated Purple color palette created on .