Cream and Sweet

#52352b

#b38e81

#f4f4f7

#f2e8d5

#e8d9b7

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#52352b	rgb(82, 53, 43)	hsl(15 31% 25%)	hwb(15 17% 68%)	lch(25.5 17.2 43.8)	lab(25.5 12.4 11.9)	cmyk 0%, 35%, 48%, 68%
	#b38e81	rgb(179, 142, 129)	hsl(16 25% 60%)	hwb(16 51% 30%)	lch(62.3 18.1 44)	lab(62.3 13 12.6)	cmyk 0%, 21%, 28%, 30%
	#f4f4f7	rgb(244, 244, 247)	hsl(240 16% 96%)	hwb(240 96% 3.1%)	lch(96.3 1.5 285)	lab(96.3 0.397 -1.45)	cmyk 1%, 1%, 0%, 3%
	#f2e8d5	rgb(242, 232, 213)	hsl(39 53% 89%)	hwb(39 84% 5.1%)	lch(92.4 10.6 83.6)	lab(92.4 1.18 10.6)	cmyk 0%, 4%, 12%, 5%
	#e8d9b7	rgb(232, 217, 183)	hsl(42 52% 81%)	hwb(42 72% 9%)	lch(87.3 18.8 85.8)	lab(87.3 1.39 18.8)	cmyk 0%, 6%, 21%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#52352b

AAA - 11.03



#b38e81

AA - 2.95



#f4f4f7

AA - 1.09



#f2e8d5

AA - 1.21



#e8d9b7

AA - 1.39



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(36% 0.035 0.029), oklab(67.8% 0.037 0.032), oklab(96.8% 0.001 -0.004), oklab(93.4% 0.003 0.027), oklab(88.9% 0.002 0.048))

Fallback colors



background: linear-gradient(45deg, #52352b, #b38e81, #f4f4f7, #f2e8d5, #e8d9b7)

Colors



<!-- Primary Colors -->
<color name="cream_and_sweet_color_10">#52352b</color>
<color name="cream_and_sweet_color_20">#b38e81</color>
<color name="cream_and_sweet_color_30">#f4f4f7</color>
<color name="cream_and_sweet_color_40">#f2e8d5</color>
<color name="cream_and_sweet_color_50">#e8d9b7</color>

PWA prompt