What are the hex codes in the Autumn Maple palette?

The Autumn Maple color palette consists of Rosewood #6A040F, Vermilion #DC2F02, Carrot #F48C06, Amber #FFBA08.

How should I use the Autumn Maple palette on a website?

Use Amber #FFBA08 as the background, Rosewood #6A040F for text, Vermilion #DC2F02 for buttons and links, and Carrot #F48C06 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Rosewood on Amber at 7.5:1.

Which colors in Autumn Maple have enough contrast for text?

The highest-contrast pair is #6A040F on #FFBA08 with a ratio of 7.5:1, which passes WCAG AA for normal text.

#6A040FRosewood

#DC2F02Vermilion

#F48C06Carrot

#FFBA08Amber

Autumn Maple color palette

Autumn Vibrant Warm Red Orange Yellow

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Autumn Maple is a vivid analogous color palette tagged autumn, vibrant, warm. The hues stay within 49° of each other on the color wheel, which is why the palette feels cohesive rather than busy. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Rosewood	`#6A040F`	`rgb(106, 4, 15)`	`hsl(354, 93%, 22%)`	`oklch(33.3% 0.131 24)`
Vermilion	`#DC2F02`	`rgb(220, 47, 2)`	`hsl(12, 98%, 44%)`	`oklch(58.1% 0.213 33)`
Carrot	`#F48C06`	`rgb(244, 140, 6)`	`hsl(34, 95%, 49%)`	`oklch(73.6% 0.170 61)`
Amber	`#FFBA08`	`rgb(255, 186, 8)`	`hsl(43, 100%, 52%)`	`oklch(83.1% 0.170 81)`

Why it works and how to use it

With 4 chromatic colors, Vermilion takes the lead while the rest support. Lightness runs from 22% to 52%. Well suited to websites, presentations and branding.

Pair	Sample	Ratio	Level
`#6A040F` on `#FFBA08`	Aa	7.5:1	AAA
`#6A040F` on `#F48C06`	Aa	5.25:1	AA
`#DC2F02` on `#FFBA08`	Aa	2.76:1	Fail
`#6A040F` on `#DC2F02`	Aa	2.72:1	Fail
`#DC2F02` on `#F48C06`	Aa	1.93:1	Fail
`#F48C06` on `#FFBA08`	Aa	1.43:1	Fail

Autumn Maple color palette

Color codes click any value to copy

Why it works and how to use it

Preview on a real UI see how the palette feels in context

Design faster with Autumn Maple

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood