Whispers of Lavender Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Whispers of Lavender palette

Condividi questa palette a:

Scarica la tavolozza dei colori Whispers of Lavender (PNG)

Download whispers of lavender color palette PNG image (landscape)
Download whispers of lavender color palette PNG image (square)

tavolozza dei colori Whispers of Lavender CSS

/* CSS */
.color-1 {
color: #e4d8e9;
}
.color-2 {
color: #d2c4d9;
}
.color-3 {
color: #b2a6c9;
}
.color-4 {
color: #a67dba;
}
.color-5 {
color: #000000;
}

/* CSS Variables */
:root {
--color-1: #e4d8e9;
 --color-2: #d2c4d9;
 --color-3: #b2a6c9;
 --color-4: #a67dba;
 --color-5: #000000;
 }

CSS con gradiente di sfondo Whispers of Lavender

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4d8e9, #d2c4d9, #b2a6c9, #a67dba, #000000);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4d8e9, #d2c4d9, #b2a6c9, #a67dba, #000000);
}

Tavolozze di colori simili

Whispers of Lavender color palette created on .