Cotton Candy Bliss Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Cotton Candy Bliss palette

Share this palette to:

Download Cotton Candy Bliss Color Palette (PNG)

Download cotton candy bliss color palette PNG image (landscape)
Download cotton candy bliss color palette PNG image (square)

Cotton Candy Bliss color palette CSS

/* CSS */
.color-1 {
color: #ffb3c1;
}
.color-2 {
color: #ff99ca;
}
.color-3 {
color: #ff8fd4;
}
.color-4 {
color: #ff7096;
}
.color-5 {
color: #ff4d6d;
}

/* CSS Variables */
:root {
--color-1: #ffb3c1;
--color-2: #ff99ca;
--color-3: #ff8fd4;
--color-4: #ff7096;
--color-5: #ff4d6d;
}

Cotton Candy Bliss background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3c1, #ff99ca, #ff8fd4, #ff7096, #ff4d6d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3c1, #ff99ca, #ff8fd4, #ff7096, #ff4d6d);
}

Cotton Candy Bliss color palette created on .