Sign Up Sign Up
TY Chilling Spine 8

TY Chilling Spine 8

8-color palette · Warm · Mixed · Analogous harmony

Back to Library

TY Chilling Spine 8

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

Modify
Muted 8 colors Warm Mixed Analogous dark limited horror 3bit
Likes 49
Colors 8

CSS variables

:root {
  --c-muted-1: #DBC5BF;
  --c-muted-2: #BBB18F;
  --c-muted-3: #988476;
  --c-muted-4: #78575E;
  --c-muted-5: #584540;
  --c-muted-6: #3D3936;
  --c-muted-7: #342B2B;
  --c-muted-8: #24222A;
}

About this palette

This 8-color muted palette runs from Bella Mia (#DBC5BF) as its lightest tone to To Hell and Black (#24222A) as its darkest. It blends Bella Mia, Wasabi Powder, Parisian Café, Falcon Wing, Dark Walnut, Eclipse, Deep Brown and To Hell and Black into a single set you can drop straight into a UI. Of its 28 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DBC5BF on #24222A at 9.54:1.

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

Color breakdown

Bella Mia #DBC5BF
RGB
rgb(219, 197, 191)
HSL
hsl(13, 28%, 80%)
Luminance
0.588
Wasabi Powder #BBB18F
RGB
rgb(187, 177, 143)
HSL
hsl(46, 24%, 65%)
Luminance
0.440
Parisian Café #988476
RGB
rgb(152, 132, 118)
HSL
hsl(25, 14%, 53%)
Luminance
0.245
Falcon Wing #78575E
RGB
rgb(120, 87, 94)
HSL
hsl(347, 16%, 41%)
Luminance
0.116
Dark Walnut #584540
RGB
rgb(88, 69, 64)
HSL
hsl(13, 16%, 30%)
Luminance
0.067
Eclipse #3D3936
RGB
rgb(61, 57, 54)
HSL
hsl(26, 6%, 23%)
Luminance
0.042
Deep Brown #342B2B
RGB
rgb(52, 43, 43)
HSL
hsl(0, 9%, 19%)
Luminance
0.026
To Hell and Black #24222A
RGB
rgb(36, 34, 42)
HSL
hsl(255, 11%, 15%)
Luminance
0.017

Contrast & accessibility

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

Aa #DBC5BF on #24222A 9.54:1 AAA
Aa #DBC5BF on #342B2B 8.35:1 AAA
Aa #BBB18F on #24222A 7.33:1 AAA
Aa #DBC5BF on #3D3936 6.94:1 AA
Aa #BBB18F on #342B2B 6.42:1 AA
Aa #DBC5BF on #584540 5.45:1 AA
Aa #BBB18F on #3D3936 5.33:1 AA
Aa #988476 on #24222A 4.41:1 AA Large
Aa #BBB18F on #584540 4.19:1 AA Large
Aa #988476 on #342B2B 3.86:1 AA Large
Aa #DBC5BF on #78575E 3.84:1 AA Large
Aa #988476 on #3D3936 3.21:1 AA Large
Aa #BBB18F on #78575E 2.95:1 Fail
Aa #988476 on #584540 2.52:1 Fail
Aa #78575E on #24222A 2.49:1 Fail
Aa #78575E on #342B2B 2.18:1 Fail
Aa #DBC5BF on #988476 2.16:1 Fail
Aa #78575E on #3D3936 1.81:1 Fail
Aa #988476 on #78575E 1.77:1 Fail
Aa #584540 on #24222A 1.75:1 Fail
Aa #BBB18F on #988476 1.66:1 Fail
Aa #584540 on #342B2B 1.53:1 Fail
Aa #78575E on #584540 1.42:1 Fail
Aa #3D3936 on #24222A 1.37:1 Fail
Aa #DBC5BF on #BBB18F 1.30:1 Fail
Aa #584540 on #3D3936 1.27:1 Fail
Aa #3D3936 on #342B2B 1.20:1 Fail
Aa #342B2B on #24222A 1.14: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