Fall Forest

#1a1a1a

#470000

#a64021

#d48972

#d1b769

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Red

Orange

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#1a1a1a	rgb(26, 26, 26)	hsl(none 0% 10%)	oklab(22% 0 0)	oklch(22% 0 none)	color(display-p3 0.1 0.1 0.1)
	#470000	rgb(71, 0, 0)	hsl(0 100% 14%)	oklab(25% 0.09 0.05)	oklch(25% 0.1 29)	color(display-p3 0.25 0.03 0.01)
	#a64021	rgb(166, 64, 33)	hsl(14 67% 39%)	oklab(51% 0.11 0.09)	oklch(51% 0.14 37)	color(display-p3 0.6 0.28 0.17)
	#d48972	rgb(212, 137, 114)	hsl(14 53% 64%)	oklab(70% 0.08 0.06)	oklch(70% 0.1 38)	color(display-p3 0.79 0.55 0.46)
	#d1b769	rgb(209, 183, 105)	hsl(45 53% 62%)	oklab(79% 0 0.1)	oklch(79% 0.1 91)	color(display-p3 0.8 0.72 0.45)

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

#1a1a1a

AAA - 17.4



#470000

AAA - 16.56



#a64021

AA - 6.21



#d48972

AA - 2.75



#d1b769

AA - 1.96



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(21.8% 0 0), oklab(25% 0.089 0.05), oklab(50.7% 0.113 0.086), oklab(70.2% 0.078 0.06), oklab(78.5% -0.003 0.102))

Fallback colors



background: linear-gradient(45deg, #1a1a1a, #470000, #a64021, #d48972, #d1b769)

Colors



<!-- Primary Colors -->
<color name="fall_forest_color_10">#1a1a1a</color>
<color name="fall_forest_color_20">#470000</color>
<color name="fall_forest_color_30">#a64021</color>
<color name="fall_forest_color_40">#d48972</color>
<color name="fall_forest_color_50">#d1b769</color>

PWA prompt