Steel and Shadow Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Steel and Shadow palette

Share this palette to:

Download Steel and Shadow Color Palette (PNG)

Download steel and shadow color palette PNG image (landscape)
Download steel and shadow color palette PNG image (square)

Steel and Shadow color palette CSS

/* CSS */
.color-1 {
color: #1f1f1f;
}
.color-2 {
color: #4a4a4a;
}
.color-3 {
color: #7d7d7d;
}
.color-4 {
color: #a6a6a6;
}
.color-5 {
color: #d1d1d1;
}

/* CSS Variables */
:root {
--color-1: #1f1f1f;
--color-2: #4a4a4a;
--color-3: #7d7d7d;
--color-4: #a6a6a6;
--color-5: #d1d1d1;
}

Steel and Shadow background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f1f, #4a4a4a, #7d7d7d, #a6a6a6, #d1d1d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f1f, #4a4a4a, #7d7d7d, #a6a6a6, #d1d1d1);
}

Steel and Shadow color palette created on .