Soft Skin Tones Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Soft Skin Tones palette

Condividi questa palette a:

Scarica la tavolozza dei colori Soft Skin Tones (PNG)

Download soft skin tones color palette PNG image (landscape)
Download soft skin tones color palette PNG image (square)

tavolozza dei colori Soft Skin Tones CSS

/* CSS */
.color-1 {
color: #f1c8b7;
}
.color-2 {
color: #e6b7a7;
}
.color-3 {
color: #d29989;
}
.color-4 {
color: #c68976;
}
.color-5 {
color: #a86b6b;
}

/* CSS Variables */
:root {
--color-1: #f1c8b7;
--color-2: #e6b7a7;
--color-3: #d29989;
--color-4: #c68976;
--color-5: #a86b6b;
}

CSS con gradiente di sfondo Soft Skin Tones

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1c8b7, #e6b7a7, #d29989, #c68976, #a86b6b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1c8b7, #e6b7a7, #d29989, #c68976, #a86b6b);
}

Soft Skin Tones color palette created on .