Dark Autumn

#5f8013

#a1bf5c

#e3cb81

#ba931e

#91510c

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Yellow

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#5f8013	rgb(95, 128, 19)	hsl(78 74% 29%)	oklab(55% -0.08 0.11)	oklch(55% 0.13 130)	color(display-p3 0.4 0.5 0.17)
	#a1bf5c	rgb(161, 191, 92)	hsl(78 44% 55%)	oklab(76% -0.07 0.11)	oklch(76% 0.13 120)	color(display-p3 0.65 0.75 0.41)
	#e3cb81	rgb(227, 203, 129)	hsl(45 64% 70%)	oklab(85% 0 0.1)	oklch(85% 0.1 92)	color(display-p3 0.87 0.8 0.54)
	#ba931e	rgb(186, 147, 30)	hsl(45 72% 42%)	oklab(68% 0 0.13)	oklch(68% 0.13 88)	color(display-p3 0.71 0.58 0.22)
	#91510c	rgb(145, 81, 12)	hsl(31 85% 31%)	oklab(50% 0.06 0.1)	oklch(50% 0.11 60)	color(display-p3 0.53 0.33 0.12)

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

#5f8013

AA - 4.58



#a1bf5c

AA - 2.07



#e3cb81

AA - 1.59



#ba931e

AA - 2.88



#91510c

AA - 6.2



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(55.5% -0.079 0.108), oklab(76.1% -0.072 0.109), oklab(84.6% -0.004 0.097), oklab(68.1% 0.004 0.131), oklab(50% 0.057 0.097))

Fallback colors



background: linear-gradient(45deg, #5f8013, #a1bf5c, #e3cb81, #ba931e, #91510c)

Colors



<!-- Primary Colors -->
<color name="dark_autumn_color_10">#5f8013</color>
<color name="dark_autumn_color_20">#a1bf5c</color>
<color name="dark_autumn_color_30">#e3cb81</color>
<color name="dark_autumn_color_40">#ba931e</color>
<color name="dark_autumn_color_50">#91510c</color>

PWA prompt