Pink Dream Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Pink Dream palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Pink Dream (PNG)

Download pink dream color palette PNG image (landscape)
Download pink dream color palette PNG image (square)

tavolozza dei colori Pink Dream CSS

/* CSS */
.color-1 {
color: #ffb3d9;
}
.color-2 {
color: #ff99cc;
}
.color-3 {
color: #ff66b3;
}
.color-4 {
color: #ff3399;
}
.color-5 {
color: #ff0066;
}

/* CSS Variables */
:root {
--color-1: #ffb3d9;
 --color-2: #ff99cc;
 --color-3: #ff66b3;
 --color-4: #ff3399;
 --color-5: #ff0066;
 }

CSS con gradiente di sfondo Pink Dream

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3d9, #ff99cc, #ff66b3, #ff3399, #ff0066);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3d9, #ff99cc, #ff66b3, #ff3399, #ff0066);
}

Tavolozze di colori simili

Pink Dream color palette created on .