Earthy Tones of Humanity Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Earthy Tones of Humanity palette

Condividi questa palette a:

Scarica la tavolozza dei colori Earthy Tones of Humanity (PNG)

Download earthy tones of humanity color palette PNG image (landscape)
Download earthy tones of humanity color palette PNG image (square)

tavolozza dei colori Earthy Tones of Humanity CSS

/* CSS */
.color-1 {
color: #e1cdc6;
}
.color-2 {
color: #d3b6b1;
}
.color-3 {
color: #bf9c97;
}
.color-4 {
color: #ac8580;
}
.color-5 {
color: #936966;
}

/* CSS Variables */
:root {
--color-1: #e1cdc6;
--color-2: #d3b6b1;
--color-3: #bf9c97;
--color-4: #ac8580;
--color-5: #936966;
}

CSS con gradiente di sfondo Earthy Tones of Humanity

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e1cdc6, #d3b6b1, #bf9c97, #ac8580, #936966);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e1cdc6, #d3b6b1, #bf9c97, #ac8580, #936966);
}

Earthy Tones of Humanity color palette created on .