Forevermore

#FFFFFF

#F2E9E4

#D4A373

#B26648

#8B4513

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	oklab(100% 0 0)	oklch(100% 0 none)	color(display-p3 1 1 1)
	#f2e9e4	rgb(242, 233, 228)	hsl(21 35% 92%)	oklab(94% 0.01 0.01)	oklch(94% 0.01 51)	color(display-p3 0.94 0.91 0.9)
	#d4a373	rgb(212, 163, 115)	hsl(30 53% 64%)	oklab(75% 0.04 0.08)	oklch(75% 0.09 65)	color(display-p3 0.8 0.65 0.48)
	#b26648	rgb(178, 102, 72)	hsl(17 42% 49%)	oklab(59% 0.08 0.07)	oklch(59% 0.11 42)	color(display-p3 0.66 0.41 0.31)
	#8b4513	rgb(139, 69, 19)	hsl(25 76% 31%)	oklab(47% 0.07 0.09)	oklch(47% 0.11 51)	color(display-p3 0.51 0.29 0.13)

 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.

#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