Sign Up Sign Up
The Last Autumn

The Last Autumn

7-color palette · Warm · Dark · Analogous harmony

Back to Library

The Last Autumn

7-color palette · Warm temperature · Dark tone · Analogous harmony

Modify
Vibrant 7 colors Warm Dark Analogous fall autumn saturated nature
Likes 41
Colors 7

CSS variables

:root {
  --c-vibrant-1: #CBB917;
  --c-vibrant-2: #CBA017;
  --c-vibrant-3: #BA7015;
  --c-vibrant-4: #9F4312;
  --c-vibrant-5: #801E0F;
  --c-vibrant-6: #5A080E;
  --c-vibrant-7: #390C05;
}

About this palette

This 7-color vibrant palette runs from Bird Flower (#CBB917) as its lightest tone to Red Bean (#390C05) as its darkest. It blends Bird Flower, Australien, Sweet Mulled Cider, Powdered Coffee, Doombull Brown, Vampiric Council and Red Bean into a single set you can drop straight into a UI. Of its 21 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #CBB917 on #390C05 at 8.54:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Bird Flower #CBB917
RGB
rgb(203, 185, 23)
HSL
hsl(54, 80%, 44%)
Luminance
0.475
Australien #CBA017
RGB
rgb(203, 160, 23)
HSL
hsl(46, 80%, 44%)
Luminance
0.379
Sweet Mulled Cider #BA7015
RGB
rgb(186, 112, 21)
HSL
hsl(33, 80%, 41%)
Luminance
0.221
Powdered Coffee #9F4312
RGB
rgb(159, 67, 18)
HSL
hsl(21, 80%, 35%)
Luminance
0.114
Doombull Brown #801E0F
RGB
rgb(128, 30, 15)
HSL
hsl(8, 79%, 28%)
Luminance
0.056
Vampiric Council #5A080E
RGB
rgb(90, 8, 14)
HSL
hsl(356, 84%, 19%)
Luminance
0.024
Red Bean #390C05
RGB
rgb(57, 12, 5)
HSL
hsl(8, 84%, 12%)
Luminance
0.011

Contrast & accessibility

5 of 21 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #CBB917 on #390C05 8.54:1 AAA
Aa #CBB917 on #5A080E 7.11:1 AAA
Aa #CBA017 on #390C05 6.98:1 AA
Aa #CBA017 on #5A080E 5.81:1 AA
Aa #CBB917 on #801E0F 4.97:1 AA
Aa #BA7015 on #390C05 4.41:1 AA Large
Aa #CBA017 on #801E0F 4.07:1 AA Large
Aa #BA7015 on #5A080E 3.67:1 AA Large
Aa #CBB917 on #9F4312 3.19:1 AA Large
Aa #9F4312 on #390C05 2.67:1 Fail
Aa #CBA017 on #9F4312 2.61:1 Fail
Aa #BA7015 on #801E0F 2.57:1 Fail
Aa #9F4312 on #5A080E 2.23:1 Fail
Aa #CBB917 on #BA7015 1.94:1 Fail
Aa #801E0F on #390C05 1.72:1 Fail
Aa #BA7015 on #9F4312 1.65:1 Fail
Aa #CBA017 on #BA7015 1.58:1 Fail
Aa #9F4312 on #801E0F 1.56:1 Fail
Aa #801E0F on #5A080E 1.43:1 Fail
Aa #CBB917 on #CBA017 1.22:1 Fail
Aa #5A080E on #390C05 1.20:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors