Brick and Auburn Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Brick and Auburn palette
Brick and Auburn color palette PNG image
Brick and Auburn color palette CSS
/* CSS */
.color-1 {
color: #8c4c3b;
}
.color-2 {
color: #c55e44;
}
.color-3 {
color: #d99c6d;
}
.color-4 {
color: #f1c84b;
}
.color-5 {
color: #a55b3b;
}
/* CSS Variables */
:root {
--color-1: #8c4c3b;
--color-2: #c55e44;
--color-3: #d99c6d;
--color-4: #f1c84b;
--color-5: #a55b3b;
} Brick and Auburn background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8c4c3b, #c55e44, #d99c6d, #f1c84b, #a55b3b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8c4c3b, #c55e44, #d99c6d, #f1c84b, #a55b3b);
} Similar color palettes
Brick and Auburn color palette created on .