DESERT

#6E474B

#A75A30

#CD6C3E

#DB7D4A

#E98A58

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#6e474b	rgb(110, 71, 75)	hsl(350 22% 35%)	oklab(44% 0.05 0.01)	oklch(44% 0.05 13)	color(display-p3 0.41 0.29 0.3)
	#a75a30	rgb(167, 90, 48)	hsl(21 55% 42%)	oklab(55% 0.08 0.09)	oklch(55% 0.12 47)	color(display-p3 0.61 0.37 0.22)
	#cd6c3e	rgb(205, 108, 62)	hsl(19 59% 52%)	oklab(63% 0.1 0.1)	oklch(63% 0.14 45)	color(display-p3 0.75 0.44 0.28)
	#db7d4a	rgb(219, 125, 74)	hsl(21 67% 57%)	oklab(68% 0.09 0.1)	oklch(68% 0.13 48)	color(display-p3 0.81 0.51 0.33)
	#e98a58	rgb(233, 138, 88)	hsl(21 77% 63%)	oklab(72% 0.09 0.1)	oklch(72% 0.13 48)	color(display-p3 0.86 0.56 0.38)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#6E474B

AAA - 7.87



#A75A30

AA - 5.06



#CD6C3E

AA - 3.61



#DB7D4A

AA - 2.98



#E98A58

AA - 2.54



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(44.3% 0.053 0.012), oklab(55% 0.078 0.085), oklab(63.5% 0.097 0.096), oklab(68.3% 0.09 0.099), oklab(72.5% 0.09 0.098))

Fallback colors



background: linear-gradient(45deg, #6E474B, #A75A30, #CD6C3E, #DB7D4A, #E98A58)

Colors



<!-- Primary Colors -->
<color name="desert_color_10">#6E474B</color>
<color name="desert_color_20">#A75A30</color>
<color name="desert_color_30">#CD6C3E</color>
<color name="desert_color_40">#DB7D4A</color>
<color name="desert_color_50">#E98A58</color>

PWA prompt