Sugar Blossom Dreams Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Sugar Blossom Dreams palette

Condividi questa palette a:

Scarica la tavolozza dei colori Sugar Blossom Dreams (PNG)

Download sugar blossom dreams color palette PNG image (landscape)
Download sugar blossom dreams color palette PNG image (square)

tavolozza dei colori Sugar Blossom Dreams CSS

/* CSS */
.color-1 {
color: #f3a5b3;
}
.color-2 {
color: #ffb3ba;
}
.color-3 {
color: #ff6e61;
}
.color-4 {
color: #ff998a;
}
.color-5 {
color: #fce6b6;
}

/* CSS Variables */
:root {
--color-1: #f3a5b3;
 --color-2: #ffb3ba;
 --color-3: #ff6e61;
 --color-4: #ff998a;
 --color-5: #fce6b6;
 }

CSS con gradiente di sfondo Sugar Blossom Dreams

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f3a5b3, #ffb3ba, #ff6e61, #ff998a, #fce6b6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f3a5b3, #ffb3ba, #ff6e61, #ff998a, #fce6b6);
}

Tavolozze di colori simili

Sugar Blossom Dreams color palette created on .