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