Golden Autumn

#0a1d2e

#3e0e26

#c0540b

#fe8802

#f5daaf

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Black

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#0a1d2e	rgb(10, 29, 46)	hsl(210 64% 11%)	oklab(22% -0.02 -0.04)	oklch(22% 0.04 250)	color(display-p3 0.06 0.11 0.17)
	#3e0e26	rgb(62, 14, 38)	hsl(330 63% 15%)	oklab(26% 0.08 -0.01)	oklch(26% 0.08 350)	color(display-p3 0.22 0.07 0.15)
	#c0540b	rgb(192, 84, 11)	hsl(24 89% 40%)	oklab(58% 0.11 0.11)	oklch(58% 0.16 46)	color(display-p3 0.7 0.35 0.14)
	#fe8802	rgb(254, 136, 2)	hsl(32 99% 50%)	oklab(74% 0.1 0.15)	oklch(74% 0.18 57)	color(display-p3 0.94 0.56 0.21)
	#f5daaf	rgb(245, 218, 175)	hsl(37 78% 82%)	oklab(90% 0.01 0.06)	oklch(90% 0.06 79)	color(display-p3 0.94 0.86 0.71)

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

#0a1d2e

AAA - 17.09



#3e0e26

AAA - 16.2



#c0540b

AA - 4.65



#fe8802

AA - 2.4



#f5daaf

AA - 1.35



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(22.4% -0.016 -0.039), oklab(25.6% 0.079 -0.009), oklab(57.5% 0.108 0.113), oklab(74.3% 0.099 0.15), oklab(90% 0.012 0.062))

Fallback colors



background: linear-gradient(45deg, #0a1d2e, #3e0e26, #c0540b, #fe8802, #f5daaf)

Colors



<!-- Primary Colors -->
<color name="golden_autumn_color_10">#0a1d2e</color>
<color name="golden_autumn_color_20">#3e0e26</color>
<color name="golden_autumn_color_30">#c0540b</color>
<color name="golden_autumn_color_40">#fe8802</color>
<color name="golden_autumn_color_50">#f5daaf</color>

PWA prompt