Metal Can DIY Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Metal Can DIY palette
Metal Can DIY color palette PNG image
Metal Can DIY color palette CSS
/* CSS */
.color-1 {
color: #6a7f9a;
}
.color-2 {
color: #a3c7e0;
}
.color-3 {
color: #f7e6a1;
}
.color-4 {
color: #e6b400;
}
.color-5 {
color: #c6402f;
}
/* CSS Variables */
:root {
--color-1: #6a7f9a;
--color-2: #a3c7e0;
--color-3: #f7e6a1;
--color-4: #e6b400;
--color-5: #c6402f;
} Metal Can DIY background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6a7f9a, #a3c7e0, #f7e6a1, #e6b400, #c6402f);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6a7f9a, #a3c7e0, #f7e6a1, #e6b400, #c6402f);
} Similar color palettes
Metal Can DIY color palette created on .