Nature's Rustic Harmony Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Nature's Rustic Harmony palette
Nature's Rustic Harmony color palette CSS
/* CSS */
.color-1 {
color: #e6c8ad;
}
.color-2 {
color: #c69471;
}
.color-3 {
color: #6aa239;
}
.color-4 {
color: #878473;
}
.color-5 {
color: #926145;
}
/* CSS Variables */
:root {
--color-1: #e6c8ad;
--color-2: #c69471;
--color-3: #6aa239;
--color-4: #878473;
--color-5: #926145;
} Nature's Rustic Harmony background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e6c8ad, #c69471, #6aa239, #878473, #926145);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e6c8ad, #c69471, #6aa239, #878473, #926145);
} Similar color palettes
Nature's Rustic Harmony color palette created on .