Forevermore

#FFFFFF

#F2E9E4

#D4A373

#B26648

#8B4513

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Brown

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%
	#f2e9e4	rgb(242, 233, 228)	hsl(21 35% 92%)	hwb(21 89% 5.1%)	lch(93 4.37 54.9)	lab(93 2.51 3.58)	cmyk 0%, 4%, 6%, 5%
	#d4a373	rgb(212, 163, 115)	hsl(30 53% 64%)	hwb(30 45% 17%)	lch(70.8 35.3 66.1)	lab(70.8 14.3 32.2)	cmyk 0%, 23%, 46%, 17%
	#b26648	rgb(178, 102, 72)	hsl(17 42% 49%)	hwb(17 28% 30%)	lch(51.6 42.4 46.4)	lab(51.6 29.2 30.7)	cmyk 0%, 43%, 60%, 30%
	#8b4513	rgb(139, 69, 19)	hsl(25 76% 31%)	hwb(25 7.5% 45%)	lch(37.9 50.2 56)	lab(37.9 28.1 41.6)	cmyk 0%, 50%, 86%, 45%

 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



#F2E9E4

AA - 1.19



#D4A373

AA - 2.26



#B26648

AA - 4.29



#8B4513

AAA - 7.09



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(94% 0.007 0.009), oklab(75% 0.036 0.078), oklab(59% 0.08 0.072), oklab(47.1% 0.071 0.087))

Fallback colors



background: linear-gradient(45deg, #FFFFFF, #F2E9E4, #D4A373, #B26648, #8B4513)

Colors



<!-- Primary Colors -->
<color name="forevermore_color_10">#FFFFFF</color>
<color name="forevermore_color_20">#F2E9E4</color>
<color name="forevermore_color_30">#D4A373</color>
<color name="forevermore_color_40">#B26648</color>
<color name="forevermore_color_50">#8B4513</color>

PWA prompt