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