Sign Up Sign Up
Sotc12

Sotc12

12-color palette · Neutral · Mixed · Monochromatic harmony

Back to Library

Sotc12

12-color palette · Neutral temperature · Mixed tone · Monochromatic harmony

Modify
Muted 12 colors Neutral Mixed Monochromatic pixelart sky clouds light
Likes 227
Colors 12

CSS variables

:root {
  --c-muted-1: #323B2F;
  --c-muted-2: #424D3C;
  --c-muted-3: #626E60;
  --c-muted-4: #778476;
  --c-muted-5: #A0A896;
  --c-muted-6: #B7BB9F;
  --c-muted-7: #DADAB8;
  --c-muted-8: #E0E4C7;
  --c-muted-9: #E9F6E3;
  --c-muted-10: #F9FFF0;
  --c-muted-11: #293425;
  --c-muted-12: #8F9A8B;
}

About this palette

This 12-color muted palette runs from Pearl Powder (#F9FFF0) as its lightest tone to Ebony Wood (#293425) as its darkest. It blends Sound of Silence, Hōjicha, Bracken Green, Garden Bower, Bushel, Dried Thyme, Ghostly Green, More Melon, Homoeopathic Lime, Pearl Powder, Ebony Wood and Dark Sky into a single set you can drop straight into a UI. Of its 66 color pairings, 19 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F9FFF0 on #293425 at 12.77:1.

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

Color breakdown

Sound of Silence #323B2F
RGB
rgb(50, 59, 47)
HSL
hsl(105, 11%, 21%)
Luminance
0.040
Hōjicha #424D3C
RGB
rgb(66, 77, 60)
HSL
hsl(99, 12%, 27%)
Luminance
0.068
Bracken Green #626E60
RGB
rgb(98, 110, 96)
HSL
hsl(111, 7%, 40%)
Luminance
0.146
Garden Bower #778476
RGB
rgb(119, 132, 118)
HSL
hsl(116, 6%, 49%)
Luminance
0.217
Bushel #A0A896
RGB
rgb(160, 168, 150)
HSL
hsl(87, 9%, 62%)
Luminance
0.377
Dried Thyme #B7BB9F
RGB
rgb(183, 187, 159)
HSL
hsl(69, 17%, 68%)
Luminance
0.481
Ghostly Green #DADAB8
RGB
rgb(218, 218, 184)
HSL
hsl(60, 31%, 79%)
Luminance
0.685
More Melon #E0E4C7
RGB
rgb(224, 228, 199)
HSL
hsl(68, 35%, 84%)
Luminance
0.755
Homoeopathic Lime #E9F6E3
RGB
rgb(233, 246, 227)
HSL
hsl(101, 51%, 93%)
Luminance
0.888
Pearl Powder #F9FFF0
RGB
rgb(249, 255, 240)
HSL
hsl(84, 100%, 97%)
Luminance
0.980
Ebony Wood #293425
RGB
rgb(41, 52, 37)
HSL
hsl(104, 17%, 17%)
Luminance
0.031
Dark Sky #8F9A8B
RGB
rgb(143, 154, 139)
HSL
hsl(104, 7%, 57%)
Luminance
0.308

Contrast & accessibility

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

Aa #F9FFF0 on #293425 12.77:1 AAA
Aa #E9F6E3 on #293425 11.63:1 AAA
Aa #323B2F on #F9FFF0 11.42:1 AAA
Aa #323B2F on #E9F6E3 10.41:1 AAA
Aa #E0E4C7 on #293425 9.98:1 AAA
Aa #DADAB8 on #293425 9.12:1 AAA
Aa #323B2F on #E0E4C7 8.93:1 AAA
Aa #424D3C on #F9FFF0 8.73:1 AAA
Aa #323B2F on #DADAB8 8.16:1 AAA
Aa #424D3C on #E9F6E3 7.95:1 AAA
Aa #424D3C on #E0E4C7 6.82:1 AA
Aa #B7BB9F on #293425 6.59:1 AA
Aa #424D3C on #DADAB8 6.23:1 AA
Aa #323B2F on #B7BB9F 5.89:1 AA
Aa #A0A896 on #293425 5.29:1 AA
Aa #626E60 on #F9FFF0 5.25:1 AA
Aa #626E60 on #E9F6E3 4.79:1 AA
Aa #323B2F on #A0A896 4.74:1 AA
Aa #424D3C on #B7BB9F 4.50:1 AA
Aa #293425 on #8F9A8B 4.44:1 AA Large
Aa #626E60 on #E0E4C7 4.11:1 AA Large
Aa #323B2F on #8F9A8B 3.97:1 AA Large
Aa #778476 on #F9FFF0 3.85:1 AA Large
Aa #626E60 on #DADAB8 3.75:1 AA Large
Aa #424D3C on #A0A896 3.62:1 AA Large
Aa #778476 on #E9F6E3 3.51:1 AA Large
Aa #778476 on #293425 3.32:1 AA Large
Aa #424D3C on #8F9A8B 3.04:1 AA Large
Aa #778476 on #E0E4C7 3.01:1 AA Large
Aa #323B2F on #778476 2.97:1 Fail
Aa #F9FFF0 on #8F9A8B 2.87:1 Fail
Aa #778476 on #DADAB8 2.75:1 Fail
Aa #626E60 on #B7BB9F 2.71:1 Fail
Aa #E9F6E3 on #8F9A8B 2.62:1 Fail
Aa #626E60 on #293425 2.43:1 Fail
Aa #A0A896 on #F9FFF0 2.41:1 Fail
Aa #424D3C on #778476 2.27:1 Fail
Aa #E0E4C7 on #8F9A8B 2.25:1 Fail
Aa #A0A896 on #E9F6E3 2.20:1 Fail
Aa #626E60 on #A0A896 2.18:1 Fail
Aa #323B2F on #626E60 2.17:1 Fail
Aa #DADAB8 on #8F9A8B 2.05:1 Fail
Aa #778476 on #B7BB9F 1.99:1 Fail
Aa #B7BB9F on #F9FFF0 1.94:1 Fail
Aa #A0A896 on #E0E4C7 1.89:1 Fail
Aa #626E60 on #8F9A8B 1.83:1 Fail
Aa #B7BB9F on #E9F6E3 1.77:1 Fail
Aa #A0A896 on #DADAB8 1.72:1 Fail
Aa #424D3C on #626E60 1.66:1 Fail
Aa #778476 on #A0A896 1.60:1 Fail
Aa #B7BB9F on #E0E4C7 1.51:1 Fail
Aa #B7BB9F on #8F9A8B 1.48:1 Fail
Aa #424D3C on #293425 1.46:1 Fail
Aa #DADAB8 on #F9FFF0 1.40:1 Fail
Aa #B7BB9F on #DADAB8 1.38:1 Fail
Aa #626E60 on #778476 1.36:1 Fail
Aa #778476 on #8F9A8B 1.34:1 Fail
Aa #323B2F on #424D3C 1.31:1 Fail
Aa #DADAB8 on #E9F6E3 1.28:1 Fail
Aa #E0E4C7 on #F9FFF0 1.28:1 Fail
Aa #A0A896 on #B7BB9F 1.24:1 Fail
Aa #A0A896 on #8F9A8B 1.19:1 Fail
Aa #E0E4C7 on #E9F6E3 1.17:1 Fail
Aa #323B2F on #293425 1.12:1 Fail
Aa #E9F6E3 on #F9FFF0 1.10:1 Fail
Aa #DADAB8 on #E0E4C7 1.09:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors