Fire Smoke and Auburn Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Fire Smoke and Auburn palette
Fire Smoke and Auburn color palette PNG image
Fire Smoke and Auburn color palette CSS
/* CSS */
.color-1 {
color: #c85c4c;
}
.color-2 {
color: #d6a17a;
}
.color-3 {
color: #d6b366;
}
.color-4 {
color: #f1c150;
}
.color-5 {
color: #a86b4d;
}
/* CSS Variables */
:root {
--color-1: #c85c4c;
--color-2: #d6a17a;
--color-3: #d6b366;
--color-4: #f1c150;
--color-5: #a86b4d;
} Fire Smoke and Auburn background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c85c4c, #d6a17a, #d6b366, #f1c150, #a86b4d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c85c4c, #d6a17a, #d6b366, #f1c150, #a86b4d);
} Similar color palettes
Fire Smoke and Auburn color palette created on .