Dress to Impress Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Dress to Impress palette

Condividi questa palette a:

Scarica la tavolozza dei colori Dress to Impress (PNG)

Download dress to impress color palette PNG image (landscape)
Download dress to impress color palette PNG image (square)

tavolozza dei colori Dress to Impress CSS

/* CSS */
.color-1 {
color: #f1a7ae;
}
.color-2 {
color: #f9c0b9;
}
.color-3 {
color: #f6e6d5;
}
.color-4 {
color: #b2e0b3;
}
.color-5 {
color: #8cc5d4;
}

/* CSS Variables */
:root {
--color-1: #f1a7ae;
--color-2: #f9c0b9;
--color-3: #f6e6d5;
--color-4: #b2e0b3;
--color-5: #8cc5d4;
}

CSS con gradiente di sfondo Dress to Impress

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1a7ae, #f9c0b9, #f6e6d5, #b2e0b3, #8cc5d4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1a7ae, #f9c0b9, #f6e6d5, #b2e0b3, #8cc5d4);
}

Dress to Impress color palette created on .