Industrial Color Palette

30% OFF during Black Friday & Cyber Monday

Use code BLACKFRIDAY30 at checkout

#FFD166

#808080

#545454

#212121

#FFD166

#808080

#545454

#212121

Colors overview

 Yellow

 Black

 Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffd166	rgb(255, 209, 102)	hsl(42 100% 70%)	hwb(42 40% 0%)	lch(86.4 58.8 82)	lab(86.4 8.18 58.2)	cmyk 0%, 18%, 60%, 0%
	#808080	rgb(128, 128, 128)	hsl(none 0% 50%)	hwb(none 50% 50%)	lch(53.6 0 none)	lab(53.6 0 0)	cmyk 0%, 0%, 0%, 50%
	#545454	rgb(84, 84, 84)	hsl(none 0% 33%)	hwb(none 33% 67%)	lch(35.7 0 none)	lab(35.7 0 0)	cmyk 0%, 0%, 0%, 67%
	#212121	rgb(33, 33, 33)	hsl(none 0% 13%)	hwb(none 13% 87%)	lch(12.7 0 none)	lab(12.7 0 0)	cmyk 0%, 0%, 0%, 87%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#FFD166

AA - 1.44



#808080

AA - 3.94



#545454

AAA - 7.57



#212121

AAA - 16.1



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR space

HDR oklab colors New



background: linear-gradient(45deg, oklab(88% 0.009 0.134), oklab(60% 0 0), oklab(44.6% 0 0), oklab(24.8% 0 0))

Fallback colors New



background: linear-gradient(45deg, #FFD166, #808080, #545454, #212121)

Colors



<resources>
    <color name="industrial_100">#FFD166</color>
    <color name="industrial_200">#808080</color>
    <color name="industrial_300">#545454</color>
    <color name="industrial_400">#212121</color>
</resources>

PWA prompt