Wood and Iron Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Wood and Iron palette
Color Inspiration
Images that showcase this color palette in real designs
Download Wood and Iron Color Palette (PNG)
Wood and Iron color palette CSS
/* CSS */
.color-1 {
color: #4d4038;
}
.color-2 {
color: #786559;
}
.color-3 {
color: #9a8879;
}
.color-4 {
color: #837067;
}
.color-5 {
color: #2b2421;
}
/* CSS Variables */
:root {
--color-1: #4d4038;
--color-2: #786559;
--color-3: #9a8879;
--color-4: #837067;
--color-5: #2b2421;
} Wood and Iron background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4d4038, #786559, #9a8879, #837067, #2b2421);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4d4038, #786559, #9a8879, #837067, #2b2421);
} Similar color palettes
Wood and Iron color palette created on .