Autumn

#ece2df

#eadbc7

#c2a19d

#be8063

#a96d61

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ece2df	rgb(236, 226, 223)	hsl(14 25% 90%)	oklab(92% 0.01 0.01)	oklch(92% 0.01 37)	color(display-p3 0.92 0.89 0.88)
	#eadbc7	rgb(234, 219, 199)	hsl(34 45% 85%)	oklab(90% 0.01 0.03)	oklch(90% 0.03 75)	color(display-p3 0.91 0.86 0.79)
	#c2a19d	rgb(194, 161, 157)	hsl(6.5 23% 69%)	oklab(74% 0.04 0.02)	oklch(74% 0.04 26)	color(display-p3 0.74 0.64 0.62)
	#be8063	rgb(190, 128, 99)	hsl(19 41% 57%)	oklab(66% 0.06 0.06)	oklch(66% 0.09 46)	color(display-p3 0.71 0.51 0.41)
	#a96d61	rgb(169, 109, 97)	hsl(10 30% 52%)	oklab(60% 0.07 0.04)	oklch(60% 0.08 32)	color(display-p3 0.63 0.44 0.39)

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

#ece2df

AA - 1.27



#eadbc7

AA - 1.35



#c2a19d

AA - 2.36



#be8063

AA - 3.25



#a96d61

AA - 4.16



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(92% 0.009 0.007), oklab(89.8% 0.008 0.03), oklab(73.7% 0.036 0.017), oklab(65.6% 0.061 0.063), oklab(59.6% 0.068 0.042))

Fallback colors



background: linear-gradient(45deg, #ece2df, #eadbc7, #c2a19d, #be8063, #a96d61)

Colors



<!-- Primary Colors -->
<color name="autumn_color_10">#ece2df</color>
<color name="autumn_color_20">#eadbc7</color>
<color name="autumn_color_30">#c2a19d</color>
<color name="autumn_color_40">#be8063</color>
<color name="autumn_color_50">#a96d61</color>

PWA prompt