Industrial Steel — 5-color palette
#2C2C2C#4A4A4A#7A7A7A#C0C0C0#E8E8E8Hex codes
Hex
#2C2C2C
RGB
44, 44, 44
HSL
0°, 0%, 17%
Hex
#4A4A4A
RGB
74, 74, 74
HSL
0°, 0%, 29%
Hex
#7A7A7A
RGB
122, 122, 122
HSL
0°, 0%, 48%
Hex
#C0C0C0
RGB
192, 192, 192
HSL
0°, 0%, 75%
Hex
#E8E8E8
RGB
232, 232, 232
HSL
0°, 0%, 91%
How to use this palette
The first color in Industrial Steel is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--industrial-steel-1: #2C2C2C;
--industrial-steel-2: #4A4A4A;
--industrial-steel-3: #7A7A7A;
--industrial-steel-4: #C0C0C0;
--industrial-steel-5: #E8E8E8;
}