Soft Autumn

#3b3b3b

#d4b45d

#e8d7a7

#c76e67

#850e05

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Yellow

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#3b3b3b	rgb(59, 59, 59)	hsl(none 0% 23%)	oklab(35% 0 0)	oklch(35% 0 none)	color(display-p3 0.23 0.23 0.23)
	#d4b45d	rgb(212, 180, 93)	hsl(44 58% 60%)	oklab(78% 0 0.11)	oklch(78% 0.11 89)	color(display-p3 0.81 0.71 0.42)
	#e8d7a7	rgb(232, 215, 167)	hsl(44 59% 78%)	oklab(88% 0 0.07)	oklch(88% 0.07 91)	color(display-p3 0.9 0.85 0.68)
	#c76e67	rgb(199, 110, 103)	hsl(4.4 46% 59%)	oklab(64% 0.1 0.05)	oklch(64% 0.11 25)	color(display-p3 0.73 0.45 0.42)
	#850e05	rgb(133, 14, 5)	hsl(4.2 93% 27%)	oklab(39% 0.13 0.08)	oklch(39% 0.15 30)	color(display-p3 0.48 0.11 0.07)

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

#3b3b3b

AAA - 11.2



#d4b45d

AA - 2



#e8d7a7

AA - 1.42



#c76e67

AA - 3.58



#850e05

AAA - 10.18



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(35.2% 0 0), oklab(78% 0.001 0.113), oklab(88.1% -0.001 0.065), oklab(63.7% 0.103 0.049), oklab(39.4% 0.132 0.076))

Fallback colors



background: linear-gradient(45deg, #3b3b3b, #d4b45d, #e8d7a7, #c76e67, #850e05)

Colors



<!-- Primary Colors -->
<color name="soft_autumn_color_10">#3b3b3b</color>
<color name="soft_autumn_color_20">#d4b45d</color>
<color name="soft_autumn_color_30">#e8d7a7</color>
<color name="soft_autumn_color_40">#c76e67</color>
<color name="soft_autumn_color_50">#850e05</color>

PWA prompt