Elegant Velvet Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Elegant Velvet palette
Color Inspiration
Images that showcase this color palette in real designs
Download Elegant Velvet Color Palette (PNG)
Elegant Velvet color palette CSS
/* CSS */
.color-1 {
color: #117f92;
}
.color-2 {
color: #61bdb5;
}
.color-3 {
color: #a7e2e6;
}
.color-4 {
color: #f3c4c5;
}
.color-5 {
color: #e86489;
}
/* CSS Variables */
:root {
--color-1: #117f92;
--color-2: #61bdb5;
--color-3: #a7e2e6;
--color-4: #f3c4c5;
--color-5: #e86489;
} Elegant Velvet background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #117f92, #61bdb5, #a7e2e6, #f3c4c5, #e86489);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #117f92, #61bdb5, #a7e2e6, #f3c4c5, #e86489);
} Similar color palettes
Elegant Velvet color palette created on .