Skeleton Color Palette

#ffffff

#fcf6f0

#ebe4dd

#c9c3bb

#ffffff

#fcf6f0

#ebe4dd

#c9c3bb

Colors overview

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#fcf6f0	rgb(252, 246, 240)	hsl(30 67% 96%)	hwb(30 94% 1.2%)	lch(97.2 3.87 70.2)	lab(97.2 1.31 3.64)	cmyk 0%, 2%, 5%, 1%
	#ebe4dd	rgb(235, 228, 221)	hsl(30 26% 89%)	hwb(30 87% 7.8%)	lch(91 4.59 70.1)	lab(91 1.56 4.31)	cmyk 0%, 3%, 6%, 8%
	#c9c3bb	rgb(201, 195, 187)	hsl(34 11% 76%)	hwb(34 73% 21%)	lch(79.1 4.94 76.9)	lab(79.1 1.12 4.82)	cmyk 0%, 3%, 7%, 21%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ffffff

AA - 1



#fcf6f0

AA - 1.07



#ebe4dd

AA - 1.25



#c9c3bb

AA - 1.74



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 color space

HDR oklab colors



background: linear-gradient(45deg, oklab(100% 0 0), oklab(97.6% 0.004 0.009), oklab(92.2% 0.005 0.011), oklab(82% 0.003 0.013))

Fallback colors



background: linear-gradient(45deg, #ffffff, #fcf6f0, #ebe4dd, #c9c3bb)

Colors



<!-- Primary Colors -->
<color name="skeleton_color_10">#ffffff</color>
<color name="skeleton_color_20">#fcf6f0</color>
<color name="skeleton_color_30">#ebe4dd</color>
<color name="skeleton_color_40">#c9c3bb</color>

PWA prompt