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