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