Shades of Skin Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Shades of Skin palette

Share this palette to:

Download Shades of Skin Color Palette (PNG)

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

Shades of Skin color palette 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;
}

Shades of Skin background gradient CSS

/* 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 .