Metal Headache Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Metal Headache palette
Color Inspiration
Images that showcase this color palette in real designs
Download Metal Headache Color Palette (PNG)
Metal Headache color palette CSS
/* CSS */
.color-1 {
color: #4b3d4d;
}
.color-2 {
color: #7b6a7c;
}
.color-3 {
color: #b58c8f;
}
.color-4 {
color: #e4b8b4;
}
.color-5 {
color: #ffcecc;
}
/* CSS Variables */
:root {
--color-1: #4b3d4d;
--color-2: #7b6a7c;
--color-3: #b58c8f;
--color-4: #e4b8b4;
--color-5: #ffcecc;
} Metal Headache background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3d4d, #7b6a7c, #b58c8f, #e4b8b4, #ffcecc);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3d4d, #7b6a7c, #b58c8f, #e4b8b4, #ffcecc);
} Similar color palettes
Metal Headache color palette created on .