Naila's Whisper Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Naila's Whisper palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Naila's Whisper (PNG)

Download naila's whisper color palette PNG image (landscape)
Download naila's whisper color palette PNG image (square)

tavolozza dei colori Naila's Whisper CSS

/* CSS */
.color-1 {
color: #f7f2d9;
}
.color-2 {
color: #f1c6b6;
}
.color-3 {
color: #e88d8d;
}
.color-4 {
color: #b86b91;
}
.color-5 {
color: #8d5b9a;
}

/* CSS Variables */
:root {
--color-1: #f7f2d9;
 --color-2: #f1c6b6;
 --color-3: #e88d8d;
 --color-4: #b86b91;
 --color-5: #8d5b9a;
 }

CSS con gradiente di sfondo Naila's Whisper

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7f2d9, #f1c6b6, #e88d8d, #b86b91, #8d5b9a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7f2d9, #f1c6b6, #e88d8d, #b86b91, #8d5b9a);
}

Tavolozze di colori simili

Naila's Whisper color palette created on .