Sign Up Sign Up
Twelve Fallen Leaves

Twelve Fallen Leaves

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

Twelve Fallen Leaves

12-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Muted 12 colors Warm Mixed Complementary muted desaturated soundsdotzip versatile
Likes 93
Colors 12

CSS variables

:root {
  --c-muted-1: #2E2626;
  --c-muted-2: #4B4B5E;
  --c-muted-3: #797D91;
  --c-muted-4: #9CB3B8;
  --c-muted-5: #B58B90;
  --c-muted-6: #80627E;
  --c-muted-7: #574744;
  --c-muted-8: #946663;
  --c-muted-9: #BF9A84;
  --c-muted-10: #D4C9BA;
  --c-muted-11: #A8A39D;
  --c-muted-12: #6D7A69;
}

About this palette

This 12-color muted palette runs from Understated (#D4C9BA) as its lightest tone to Bokara Grey (#2E2626) as its darkest. It blends Bokara Grey, Odyssey Grey, Seattle Haze, Ice Gull Grey Blue, Rose Tea, Grape Jelly, Shopping Bag, Roseland, Stuffing, Understated, Ashlite and Fir Spruce Green into a single set you can drop straight into a UI. Of its 66 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2E2626 on #D4C9BA at 9.05:1.

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

Color breakdown

Bokara Grey #2E2626
RGB
rgb(46, 38, 38)
HSL
hsl(0, 10%, 16%)
Luminance
0.021
Odyssey Grey #4B4B5E
RGB
rgb(75, 75, 94)
HSL
hsl(240, 11%, 33%)
Luminance
0.073
Seattle Haze #797D91
RGB
rgb(121, 125, 145)
HSL
hsl(230, 10%, 52%)
Luminance
0.208
Ice Gull Grey Blue #9CB3B8
RGB
rgb(156, 179, 184)
HSL
hsl(191, 16%, 67%)
Luminance
0.428
Rose Tea #B58B90
RGB
rgb(181, 139, 144)
HSL
hsl(353, 22%, 63%)
Luminance
0.303
Grape Jelly #80627E
RGB
rgb(128, 98, 126)
HSL
hsl(304, 13%, 44%)
Luminance
0.148
Shopping Bag #574744
RGB
rgb(87, 71, 68)
HSL
hsl(9, 12%, 30%)
Luminance
0.070
Roseland #946663
RGB
rgb(148, 102, 99)
HSL
hsl(4, 20%, 48%)
Luminance
0.167
Stuffing #BF9A84
RGB
rgb(191, 154, 132)
HSL
hsl(22, 32%, 63%)
Luminance
0.359
Understated #D4C9BA
RGB
rgb(212, 201, 186)
HSL
hsl(35, 23%, 78%)
Luminance
0.593
Ashlite #A8A39D
RGB
rgb(168, 163, 157)
HSL
hsl(33, 6%, 64%)
Luminance
0.370
Fir Spruce Green #6D7A69
RGB
rgb(109, 122, 105)
HSL
hsl(106, 7%, 45%)
Luminance
0.182

Contrast & accessibility

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

Aa #2E2626 on #D4C9BA 9.05:1 AAA
Aa #2E2626 on #9CB3B8 6.72:1 AA
Aa #2E2626 on #A8A39D 5.90:1 AA
Aa #2E2626 on #BF9A84 5.75:1 AA
Aa #574744 on #D4C9BA 5.38:1 AA
Aa #4B4B5E on #D4C9BA 5.21:1 AA
Aa #2E2626 on #B58B90 4.97:1 AA
Aa #9CB3B8 on #574744 4.00:1 AA Large
Aa #4B4B5E on #9CB3B8 3.87:1 AA Large
Aa #2E2626 on #797D91 3.63:1 AA Large
Aa #574744 on #A8A39D 3.51:1 AA Large
Aa #574744 on #BF9A84 3.42:1 AA Large
Aa #4B4B5E on #A8A39D 3.40:1 AA Large
Aa #4B4B5E on #BF9A84 3.31:1 AA Large
Aa #2E2626 on #6D7A69 3.26:1 AA Large
Aa #80627E on #D4C9BA 3.24:1 AA Large
Aa #2E2626 on #946663 3.05:1 AA Large
Aa #946663 on #D4C9BA 2.96:1 Fail
Aa #B58B90 on #574744 2.95:1 Fail
Aa #4B4B5E on #B58B90 2.86:1 Fail
Aa #2E2626 on #80627E 2.79:1 Fail
Aa #D4C9BA on #6D7A69 2.77:1 Fail
Aa #797D91 on #D4C9BA 2.50:1 Fail
Aa #9CB3B8 on #80627E 2.41:1 Fail
Aa #9CB3B8 on #946663 2.20:1 Fail
Aa #797D91 on #574744 2.16:1 Fail
Aa #80627E on #A8A39D 2.12:1 Fail
Aa #4B4B5E on #797D91 2.09:1 Fail
Aa #9CB3B8 on #6D7A69 2.06:1 Fail
Aa #80627E on #BF9A84 2.06:1 Fail
Aa #574744 on #6D7A69 1.94:1 Fail
Aa #946663 on #A8A39D 1.93:1 Fail
Aa #4B4B5E on #6D7A69 1.88:1 Fail
Aa #946663 on #BF9A84 1.88:1 Fail
Aa #797D91 on #9CB3B8 1.85:1 Fail
Aa #B58B90 on #D4C9BA 1.82:1 Fail
Aa #574744 on #946663 1.82:1 Fail
Aa #A8A39D on #6D7A69 1.81:1 Fail
Aa #B58B90 on #80627E 1.78:1 Fail
Aa #4B4B5E on #946663 1.76:1 Fail
Aa #BF9A84 on #6D7A69 1.76:1 Fail
Aa #2E2626 on #4B4B5E 1.74:1 Fail
Aa #2E2626 on #574744 1.68:1 Fail
Aa #80627E on #574744 1.66:1 Fail
Aa #797D91 on #A8A39D 1.63:1 Fail
Aa #B58B90 on #946663 1.63:1 Fail
Aa #4B4B5E on #80627E 1.61:1 Fail
Aa #797D91 on #BF9A84 1.58:1 Fail
Aa #BF9A84 on #D4C9BA 1.57:1 Fail
Aa #D4C9BA on #A8A39D 1.53:1 Fail
Aa #B58B90 on #6D7A69 1.52:1 Fail
Aa #797D91 on #B58B90 1.37:1 Fail
Aa #9CB3B8 on #B58B90 1.35:1 Fail
Aa #9CB3B8 on #D4C9BA 1.35:1 Fail
Aa #797D91 on #80627E 1.30:1 Fail
Aa #797D91 on #946663 1.19:1 Fail
Aa #B58B90 on #A8A39D 1.19:1 Fail
Aa #9CB3B8 on #BF9A84 1.17:1 Fail
Aa #80627E on #6D7A69 1.17:1 Fail
Aa #B58B90 on #BF9A84 1.16:1 Fail
Aa #9CB3B8 on #A8A39D 1.14:1 Fail
Aa #797D91 on #6D7A69 1.11:1 Fail
Aa #80627E on #946663 1.09:1 Fail
Aa #946663 on #6D7A69 1.07:1 Fail
Aa #4B4B5E on #574744 1.03:1 Fail
Aa #BF9A84 on #A8A39D 1.03:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors