Driftwood Color Gradient

 #948578

 #837268

 #705F55

Colors overview

 Brown

 Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#948578	rgb(148, 133, 120)	hsl(28 12% 53%)	hwb(28 47% 42%)	lch(56.6 10.1 65.4)	lab(56.6 4.21 9.21)	cmyk 0%, 10%, 19%, 42%
	#837268	rgb(131, 114, 104)	hsl(22 11% 46%)	hwb(22 41% 49%)	lch(49.4 9.86 55.5)	lab(49.4 5.58 8.13)	cmyk 0%, 13%, 21%, 49%
	#705f55	rgb(112, 95, 85)	hsl(22 14% 39%)	hwb(22 33% 56%)	lch(41.8 10.2 55.4)	lab(41.8 5.82 8.42)	cmyk 0%, 15%, 24%, 56%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#948578

AA - 3.56



#837268

AA - 4.59



#705F55

AA - 6.07



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(62.6% 0.012 0.024), oklab(56.5% 0.016 0.021), oklab(49.9% 0.017 0.021))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #948578, #837268, #705F55)

Colors



<resources>
    <color name="driftwood_100">#948578</color>
    <color name="driftwood_200">#837268</color>
    <color name="driftwood_300">#705F55</color>
</resources>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt