Sign Up Sign Up
Misfit

Misfit

11-color palette · Warm · Mixed · Analogous harmony

Back to Library

Misfit

11-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify
Muted 11 colors Warm Mixed Analogous green blue cold desaturated
Likes 19
Colors 11

CSS variables

:root {
  --c-muted-1: #151B1B;
  --c-muted-2: #2F3127;
  --c-muted-3: #573F53;
  --c-muted-4: #9D9187;
  --c-muted-5: #D3C3C3;
  --c-muted-6: #D7D7E1;
  --c-muted-7: #B5BFB7;
  --c-muted-8: #757D81;
  --c-muted-9: #59677D;
  --c-muted-10: #4D6149;
  --c-muted-11: #2F4345;
}

About this palette

This 11-color muted palette runs from Heavenly Haze (#D7D7E1) as its lightest tone to Neverything (#151B1B) as its darkest. It blends Neverything, Night Green, Currant Violet, Portobello Mushroom, Wishy-Washy Brown, Heavenly Haze, Opalescence, Hidden Peak, Dana, Tom Thumb and Deep River Green into a single set you can drop straight into a UI. Of its 55 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #151B1B on #D7D7E1 at 12.2:1.

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

Color breakdown

Neverything #151B1B
RGB
rgb(21, 27, 27)
HSL
hsl(180, 13%, 9%)
Luminance
0.010
Night Green #2F3127
RGB
rgb(47, 49, 39)
HSL
hsl(72, 11%, 17%)
Luminance
0.030
Currant Violet #573F53
RGB
rgb(87, 63, 83)
HSL
hsl(310, 16%, 29%)
Luminance
0.062
Portobello Mushroom #9D9187
RGB
rgb(157, 145, 135)
HSL
hsl(27, 10%, 57%)
Luminance
0.292
Wishy-Washy Brown #D3C3C3
RGB
rgb(211, 195, 195)
HSL
hsl(0, 15%, 80%)
Luminance
0.568
Heavenly Haze #D7D7E1
RGB
rgb(215, 215, 225)
HSL
hsl(240, 14%, 86%)
Luminance
0.685
Opalescence #B5BFB7
RGB
rgb(181, 191, 183)
HSL
hsl(132, 7%, 73%)
Luminance
0.505
Hidden Peak #757D81
RGB
rgb(117, 125, 129)
HSL
hsl(200, 5%, 48%)
Luminance
0.200
Dana #59677D
RGB
rgb(89, 103, 125)
HSL
hsl(217, 17%, 42%)
Luminance
0.133
Tom Thumb #4D6149
RGB
rgb(77, 97, 73)
HSL
hsl(110, 14%, 33%)
Luminance
0.106
Deep River Green #2F4345
RGB
rgb(47, 67, 69)
HSL
hsl(185, 19%, 23%)
Luminance
0.051

Contrast & accessibility

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

Aa #151B1B on #D7D7E1 12.20:1 AAA
Aa #151B1B on #D3C3C3 10.26:1 AAA
Aa #2F3127 on #D7D7E1 9.25:1 AAA
Aa #151B1B on #B5BFB7 9.22:1 AAA
Aa #2F3127 on #D3C3C3 7.78:1 AAA
Aa #D7D7E1 on #2F4345 7.31:1 AAA
Aa #2F3127 on #B5BFB7 6.98:1 AA
Aa #573F53 on #D7D7E1 6.56:1 AA
Aa #D3C3C3 on #2F4345 6.15:1 AA
Aa #151B1B on #9D9187 5.67:1 AA
Aa #573F53 on #D3C3C3 5.52:1 AA
Aa #B5BFB7 on #2F4345 5.52:1 AA
Aa #573F53 on #B5BFB7 4.95:1 AA
Aa #D7D7E1 on #4D6149 4.71:1 AA
Aa #2F3127 on #9D9187 4.30:1 AA Large
Aa #151B1B on #757D81 4.16:1 AA Large
Aa #D7D7E1 on #59677D 4.01:1 AA Large
Aa #D3C3C3 on #4D6149 3.96:1 AA Large
Aa #B5BFB7 on #4D6149 3.56:1 AA Large
Aa #9D9187 on #2F4345 3.40:1 AA Large
Aa #D3C3C3 on #59677D 3.38:1 AA Large
Aa #2F3127 on #757D81 3.15:1 AA Large
Aa #573F53 on #9D9187 3.05:1 AA Large
Aa #151B1B on #59677D 3.04:1 AA Large
Aa #B5BFB7 on #59677D 3.03:1 AA Large
Aa #D7D7E1 on #757D81 2.94:1 Fail
Aa #151B1B on #4D6149 2.59:1 Fail
Aa #757D81 on #2F4345 2.49:1 Fail
Aa #D3C3C3 on #757D81 2.47:1 Fail
Aa #2F3127 on #59677D 2.30:1 Fail
Aa #573F53 on #757D81 2.23:1 Fail
Aa #B5BFB7 on #757D81 2.22:1 Fail
Aa #9D9187 on #4D6149 2.19:1 Fail
Aa #9D9187 on #D7D7E1 2.15:1 Fail
Aa #2F3127 on #4D6149 1.96:1 Fail
Aa #9D9187 on #59677D 1.87:1 Fail
Aa #151B1B on #573F53 1.86:1 Fail
Aa #59677D on #2F4345 1.82:1 Fail
Aa #9D9187 on #D3C3C3 1.81:1 Fail
Aa #151B1B on #2F4345 1.67:1 Fail
Aa #573F53 on #59677D 1.63:1 Fail
Aa #9D9187 on #B5BFB7 1.62:1 Fail
Aa #757D81 on #4D6149 1.60:1 Fail
Aa #4D6149 on #2F4345 1.55:1 Fail
Aa #2F3127 on #573F53 1.41:1 Fail
Aa #573F53 on #4D6149 1.39:1 Fail
Aa #757D81 on #59677D 1.37:1 Fail
Aa #9D9187 on #757D81 1.36:1 Fail
Aa #151B1B on #2F3127 1.32:1 Fail
Aa #D7D7E1 on #B5BFB7 1.32:1 Fail
Aa #2F3127 on #2F4345 1.26:1 Fail
Aa #D3C3C3 on #D7D7E1 1.19:1 Fail
Aa #59677D on #4D6149 1.17:1 Fail
Aa #573F53 on #2F4345 1.12:1 Fail
Aa #D3C3C3 on #B5BFB7 1.11: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