Wine and Purple Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Wine and Purple palette
Wine and Purple color palette PNG image
Wine and Purple color palette CSS
/* CSS */
.color-1 {
color: #6f2c90;
}
.color-2 {
color: #a45fbf;
}
.color-3 {
color: #d98cbe;
}
.color-4 {
color: #f1a7b8;
}
.color-5 {
color: #f9d3b4;
}
/* CSS Variables */
:root {
--color-1: #6f2c90;
--color-2: #a45fbf;
--color-3: #d98cbe;
--color-4: #f1a7b8;
--color-5: #f9d3b4;
} Wine and Purple background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f2c90, #a45fbf, #d98cbe, #f1a7b8, #f9d3b4);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f2c90, #a45fbf, #d98cbe, #f1a7b8, #f9d3b4);
} Similar color palettes
Scroll down to explore 2 Wine color palettes
Wine and Purple color palette created on .