Sign Up Sign Up
LOAM 8

LOAM 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

LOAM 8

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

Modify
Muted 8 colors Warm Mixed Complementary soft lowsaturation 8color lowcontrast
Likes 57
Colors 8

CSS variables

:root {
  --c-muted-1: #33302C;
  --c-muted-2: #52322F;
  --c-muted-3: #765C42;
  --c-muted-4: #9B976A;
  --c-muted-5: #A8B698;
  --c-muted-6: #C0C1C3;
  --c-muted-7: #868BA7;
  --c-muted-8: #6C5A92;
}

About this palette

This 8-color muted palette runs from Magnesium (#C0C1C3) as its lightest tone to Holy Crow (#33302C) as its darkest. It blends Holy Crow, Indian Fig, Wooden Cabin, Hiking, Mow the Lawn, Magnesium, Violet Aura and Just a Fairytale into a single set you can drop straight into a UI. Of its 28 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #33302C on #C0C1C3 at 7.29:1.

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

Color breakdown

Holy Crow #33302C
RGB
rgb(51, 48, 44)
HSL
hsl(34, 7%, 19%)
Luminance
0.030
Indian Fig #52322F
RGB
rgb(82, 50, 47)
HSL
hsl(5, 27%, 25%)
Luminance
0.043
Wooden Cabin #765C42
RGB
rgb(118, 92, 66)
HSL
hsl(30, 28%, 36%)
Luminance
0.119
Hiking #9B976A
RGB
rgb(155, 151, 106)
HSL
hsl(55, 20%, 51%)
Luminance
0.301
Mow the Lawn #A8B698
RGB
rgb(168, 182, 152)
HSL
hsl(88, 17%, 65%)
Luminance
0.441
Magnesium #C0C1C3
RGB
rgb(192, 193, 195)
HSL
hsl(220, 2%, 76%)
Luminance
0.533
Violet Aura #868BA7
RGB
rgb(134, 139, 167)
HSL
hsl(231, 16%, 59%)
Luminance
0.263
Just a Fairytale #6C5A92
RGB
rgb(108, 90, 146)
HSL
hsl(259, 24%, 46%)
Luminance
0.126

Contrast & accessibility

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

Aa #33302C on #C0C1C3 7.29:1 AAA
Aa #52322F on #C0C1C3 6.28:1 AA
Aa #33302C on #A8B698 6.13:1 AA
Aa #52322F on #A8B698 5.29:1 AA
Aa #33302C on #9B976A 4.39:1 AA Large
Aa #33302C on #868BA7 3.92:1 AA Large
Aa #52322F on #9B976A 3.79:1 AA Large
Aa #765C42 on #C0C1C3 3.45:1 AA Large
Aa #52322F on #868BA7 3.38:1 AA Large
Aa #C0C1C3 on #6C5A92 3.32:1 AA Large
Aa #765C42 on #A8B698 2.90:1 Fail
Aa #A8B698 on #6C5A92 2.79:1 Fail
Aa #33302C on #6C5A92 2.20:1 Fail
Aa #33302C on #765C42 2.11:1 Fail
Aa #765C42 on #9B976A 2.08:1 Fail
Aa #9B976A on #6C5A92 2.00:1 Fail
Aa #52322F on #6C5A92 1.89:1 Fail
Aa #C0C1C3 on #868BA7 1.86:1 Fail
Aa #765C42 on #868BA7 1.85:1 Fail
Aa #52322F on #765C42 1.82:1 Fail
Aa #868BA7 on #6C5A92 1.78:1 Fail
Aa #9B976A on #C0C1C3 1.66:1 Fail
Aa #A8B698 on #868BA7 1.57:1 Fail
Aa #9B976A on #A8B698 1.40:1 Fail
Aa #A8B698 on #C0C1C3 1.19:1 Fail
Aa #33302C on #52322F 1.16:1 Fail
Aa #9B976A on #868BA7 1.12:1 Fail
Aa #765C42 on #6C5A92 1.04: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