Steel & Slate Palette

Brushed steel and roofing slate — cool, hard, industrial grays with a blue-black bite.

#1C1F26

slate-black

HSL 222° 15% 13%

16.5:1 on white

#2E333D

charcoal steel

HSL 220° 14% 21%

12.7:1 on white

#4A5568

mid steel-gray

HSL 218° 17% 35%

7.5:1 on white

#8896A8

brushed-steel light gray

HSL 214° 16% 60%

3.0:1 on white

#CBD3DC

pale steel highlight

HSL 212° 20% 83%

1.5:1 on white

Using this palette

Harder and more blue than cool-neutrals — this ramp is meant to evoke actual metal and stone materials rather than function as a soft UI neutral base, so the contrast between steps is a bit more aggressive and the darkest tone is genuinely close to black rather than a soft charcoal. #1C1F26 and #2E333D both carry light text at strong contrast and make a legitimate dark-mode base on their own. Well suited to hardware, engineering, or heavy-industry branding, and to developer-tool dark themes wanting more weight than a typical soft-gray UI kit; less appropriate for anything needing warmth or approachability.