Warm Earthy Tones Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Warm Earthy Tones palette
Warm Earthy Tones color palette PNG image
Warm Earthy Tones color palette CSS
/* CSS */
.color-1 {
color: #5e3a31;
}
.color-2 {
color: #a67b68;
}
.color-3 {
color: #d9b8a0;
}
.color-4 {
color: #e8c6b0;
}
.color-5 {
color: #f4d8d2;
}
/* CSS Variables */
:root {
--color-1: #5e3a31;
--color-2: #a67b68;
--color-3: #d9b8a0;
--color-4: #e8c6b0;
--color-5: #f4d8d2;
} Warm Earthy Tones background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5e3a31, #a67b68, #d9b8a0, #e8c6b0, #f4d8d2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5e3a31, #a67b68, #d9b8a0, #e8c6b0, #f4d8d2);
} Similar color palettes
Warm Earthy Tones color palette created on .