Sign Up Sign Up
TY Seed Of Despair 10

TY Seed Of Despair 10

10-color palette · Warm · Mixed · Analogous harmony

Back to Library

TY Seed Of Despair 10

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

Modify
Muted 10 colors Warm Mixed Analogous
Likes 12
Colors 10

CSS variables

:root {
  --c-muted-1: #A7A27B;
  --c-muted-2: #AC815F;
  --c-muted-3: #877567;
  --c-muted-4: #6E643F;
  --c-muted-5: #5E4A40;
  --c-muted-6: #7F8D8B;
  --c-muted-7: #828755;
  --c-muted-8: #72725F;
  --c-muted-9: #524658;
  --c-muted-10: #47534B;
}

About this palette

This 10-color muted palette runs from Hillary (#A7A27B) as its lightest tone to Midnight Affair (#524658) as its darkest. It blends Hillary, Sylvaneth Bark, Pine Bark, Bronze Medal, Chocolate Therapy, Gunmetal Grey, Iguana, Organic, Midnight Affair and Huntington Woods into a single set you can drop straight into a UI. None of the 45 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Hillary #A7A27B
RGB
rgb(167, 162, 123)
HSL
hsl(53, 20%, 57%)
Luminance
0.355
Sylvaneth Bark #AC815F
RGB
rgb(172, 129, 95)
HSL
hsl(26, 32%, 52%)
Luminance
0.253
Pine Bark #877567
RGB
rgb(135, 117, 103)
HSL
hsl(26, 13%, 47%)
Luminance
0.189
Bronze Medal #6E643F
RGB
rgb(110, 100, 63)
HSL
hsl(47, 27%, 34%)
Luminance
0.128
Chocolate Therapy #5E4A40
RGB
rgb(94, 74, 64)
HSL
hsl(20, 19%, 31%)
Luminance
0.077
Gunmetal Grey #7F8D8B
RGB
rgb(127, 141, 139)
HSL
hsl(171, 6%, 53%)
Luminance
0.254
Iguana #828755
RGB
rgb(130, 135, 85)
HSL
hsl(66, 23%, 43%)
Luminance
0.227
Organic #72725F
RGB
rgb(114, 114, 95)
HSL
hsl(60, 9%, 41%)
Luminance
0.164
Midnight Affair #524658
RGB
rgb(82, 70, 88)
HSL
hsl(280, 11%, 31%)
Luminance
0.069
Huntington Woods #47534B
RGB
rgb(71, 83, 75)
HSL
hsl(140, 8%, 30%)
Luminance
0.080

Contrast & accessibility

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

Aa #A7A27B on #524658 3.41:1 AA Large
Aa #A7A27B on #5E4A40 3.20:1 AA Large
Aa #A7A27B on #47534B 3.11:1 AA Large
Aa #7F8D8B on #524658 2.56:1 Fail
Aa #AC815F on #524658 2.55:1 Fail
Aa #5E4A40 on #7F8D8B 2.41:1 Fail
Aa #AC815F on #5E4A40 2.40:1 Fail
Aa #7F8D8B on #47534B 2.33:1 Fail
Aa #828755 on #524658 2.33:1 Fail
Aa #AC815F on #47534B 2.32:1 Fail
Aa #A7A27B on #6E643F 2.28:1 Fail
Aa #5E4A40 on #828755 2.19:1 Fail
Aa #828755 on #47534B 2.13:1 Fail
Aa #877567 on #524658 2.01:1 Fail
Aa #A7A27B on #72725F 1.89:1 Fail
Aa #877567 on #5E4A40 1.89:1 Fail
Aa #877567 on #47534B 1.83:1 Fail
Aa #72725F on #524658 1.80:1 Fail
Aa #6E643F on #7F8D8B 1.71:1 Fail
Aa #A7A27B on #877567 1.70:1 Fail
Aa #AC815F on #6E643F 1.70:1 Fail
Aa #5E4A40 on #72725F 1.70:1 Fail
Aa #72725F on #47534B 1.64:1 Fail
Aa #6E643F on #828755 1.56:1 Fail
Aa #6E643F on #524658 1.50:1 Fail
Aa #A7A27B on #828755 1.46:1 Fail
Aa #7F8D8B on #72725F 1.42:1 Fail
Aa #AC815F on #72725F 1.41:1 Fail
Aa #6E643F on #5E4A40 1.41:1 Fail
Aa #6E643F on #47534B 1.36:1 Fail
Aa #A7A27B on #AC815F 1.34:1 Fail
Aa #877567 on #6E643F 1.34:1 Fail
Aa #A7A27B on #7F8D8B 1.33:1 Fail
Aa #828755 on #72725F 1.29:1 Fail
Aa #877567 on #7F8D8B 1.28:1 Fail
Aa #AC815F on #877567 1.27:1 Fail
Aa #6E643F on #72725F 1.21:1 Fail
Aa #877567 on #828755 1.16:1 Fail
Aa #877567 on #72725F 1.11:1 Fail
Aa #7F8D8B on #828755 1.10:1 Fail
Aa #524658 on #47534B 1.10:1 Fail
Aa #AC815F on #828755 1.09:1 Fail
Aa #5E4A40 on #524658 1.06:1 Fail
Aa #5E4A40 on #47534B 1.03:1 Fail
Aa #AC815F on #7F8D8B 1.00: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