Natural Skin Tones Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Natural Skin Tones palette

Condividi questa palette a:

Scarica la tavolozza dei colori Natural Skin Tones (PNG)

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

tavolozza dei colori Natural Skin Tones CSS

/* CSS */
.color-1 {
color: #f2d5c0;
}
.color-2 {
color: #e4b5a0;
}
.color-3 {
color: #d8a08d;
}
.color-4 {
color: #c47e68;
}
.color-5 {
color: #a66a59;
}

/* CSS Variables */
:root {
--color-1: #f2d5c0;
--color-2: #e4b5a0;
--color-3: #d8a08d;
--color-4: #c47e68;
--color-5: #a66a59;
}

CSS con gradiente di sfondo Natural Skin Tones

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2d5c0, #e4b5a0, #d8a08d, #c47e68, #a66a59);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2d5c0, #e4b5a0, #d8a08d, #c47e68, #a66a59);
}

Tavolozze di colori simili

Natural Skin Tones color palette created on .