Man of the West Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Man of the West palette

Share this palette to:

Man of the West color palette PNG image

Download man of the west color palette PNG image (landscape)
Download man of the west color palette PNG image (square)

Man of the West color palette CSS

/* CSS */
.color-1 {
color: #b39c6b;
}
.color-2 {
color: #795939;
}
.color-3 {
color: #4f3b27;
}
.color-4 {
color: #a25a2a;
}
.color-5 {
color: #c7b39e;
}

/* CSS Variables */
:root {
--color-1: #b39c6b;
--color-2: #795939;
--color-3: #4f3b27;
--color-4: #a25a2a;
--color-5: #c7b39e;
}

Man of the West background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b39c6b, #795939, #4f3b27, #a25a2a, #c7b39e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b39c6b, #795939, #4f3b27, #a25a2a, #c7b39e);
}

Man of the West color palette created on .