Candy Floss Dreams Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Candy Floss Dreams palette

Share this palette to:

Download Candy Floss Dreams Color Palette (PNG)

Download candy floss dreams color palette PNG image (landscape)
Download candy floss dreams color palette PNG image (square)

Candy Floss Dreams color palette CSS

/* CSS */
.color-1 {
color: #f8c9d4;
}
.color-2 {
color: #f7a1b2;
}
.color-3 {
color: #f0849a;
}
.color-4 {
color: #e05c8d;
}
.color-5 {
color: #c62f70;
}

/* CSS Variables */
:root {
--color-1: #f8c9d4;
--color-2: #f7a1b2;
--color-3: #f0849a;
--color-4: #e05c8d;
--color-5: #c62f70;
}

Candy Floss Dreams background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8c9d4, #f7a1b2, #f0849a, #e05c8d, #c62f70);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8c9d4, #f7a1b2, #f0849a, #e05c8d, #c62f70);
}

Candy Floss Dreams color palette created on .