Shades of Skin Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Shades of Skin palette

Condividi questa palette a:

Scarica la tavolozza dei colori Shades of Skin (PNG)

Download shades of skin color palette PNG image (landscape)
Download shades of skin color palette PNG image (square)

tavolozza dei colori Shades of Skin CSS

/* CSS */
.color-1 {
color: #f4c3b8;
}
.color-2 {
color: #e7a698;
}
.color-3 {
color: #d58b7c;
}
.color-4 {
color: #c57467;
}
.color-5 {
color: #b75d5c;
}

/* CSS Variables */
:root {
--color-1: #f4c3b8;
--color-2: #e7a698;
--color-3: #d58b7c;
--color-4: #c57467;
--color-5: #b75d5c;
}

CSS con gradiente di sfondo Shades of Skin

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c3b8, #e7a698, #d58b7c, #c57467, #b75d5c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c3b8, #e7a698, #d58b7c, #c57467, #b75d5c);
}

Shades of Skin color palette created on .