Sign Up Sign Up
QUALM12

QUALM12

12-color palette · Neutral · Mixed · Triadic harmony

Back to Library

QUALM12

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

Modify
Earthy 12 colors Neutral Mixed Triadic artist muted grim rust
Likes 22
Colors 12

CSS variables

:root {
  --c-earthy-1: #0E0917;
  --c-earthy-2: #1A1429;
  --c-earthy-3: #282440;
  --c-earthy-4: #42363F;
  --c-earthy-5: #5C473E;
  --c-earthy-6: #8A746A;
  --c-earthy-7: #B5A39C;
  --c-earthy-8: #FCF8FB;
  --c-earthy-9: #9FADB3;
  --c-earthy-10: #6B818A;
  --c-earthy-11: #3E535C;
  --c-earthy-12: #40454E;
}

About this palette

This 12-color earthy palette runs from Snowman (#FCF8FB) as its lightest tone to Midnight Oil (#0E0917) as its darkest. It blends Midnight Oil, Sambucus, Midnight Velvet, Deep Space Frigate, Tannery Brown, Pine Bark, Chocolate Oatmeal, Snowman, Pelican Bay, Citadel, Slate Wall and Alpine Duck Grey into a single set you can drop straight into a UI. Of its 66 color pairings, 16 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0E0917 on #FCF8FB at 18.65:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Midnight Oil #0E0917
RGB
rgb(14, 9, 23)
HSL
hsl(261, 44%, 6%)
Luminance
0.004
Sambucus #1A1429
RGB
rgb(26, 20, 41)
HSL
hsl(257, 34%, 12%)
Luminance
0.009
Midnight Velvet #282440
RGB
rgb(40, 36, 64)
HSL
hsl(249, 28%, 20%)
Luminance
0.021
Deep Space Frigate #42363F
RGB
rgb(66, 54, 63)
HSL
hsl(315, 10%, 24%)
Luminance
0.042
Tannery Brown #5C473E
RGB
rgb(92, 71, 62)
HSL
hsl(18, 19%, 30%)
Luminance
0.071
Pine Bark #8A746A
RGB
rgb(138, 116, 106)
HSL
hsl(19, 13%, 48%)
Luminance
0.189
Chocolate Oatmeal #B5A39C
RGB
rgb(181, 163, 156)
HSL
hsl(17, 14%, 66%)
Luminance
0.384
Snowman #FCF8FB
RGB
rgb(252, 248, 251)
HSL
hsl(315, 40%, 98%)
Luminance
0.948
Pelican Bay #9FADB3
RGB
rgb(159, 173, 179)
HSL
hsl(198, 12%, 66%)
Luminance
0.405
Citadel #6B818A
RGB
rgb(107, 129, 138)
HSL
hsl(197, 13%, 48%)
Luminance
0.207
Slate Wall #3E535C
RGB
rgb(62, 83, 92)
HSL
hsl(198, 19%, 30%)
Luminance
0.080
Alpine Duck Grey #40454E
RGB
rgb(64, 69, 78)
HSL
hsl(219, 10%, 28%)
Luminance
0.059

Contrast & accessibility

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

Aa #0E0917 on #FCF8FB 18.65:1 AAA
Aa #1A1429 on #FCF8FB 16.97:1 AAA
Aa #282440 on #FCF8FB 14.09:1 AAA
Aa #42363F on #FCF8FB 10.90:1 AAA
Aa #FCF8FB on #40454E 9.16:1 AAA
Aa #0E0917 on #9FADB3 8.51:1 AAA
Aa #5C473E on #FCF8FB 8.23:1 AAA
Aa #0E0917 on #B5A39C 8.11:1 AAA
Aa #1A1429 on #9FADB3 7.74:1 AAA
Aa #FCF8FB on #3E535C 7.69:1 AAA
Aa #1A1429 on #B5A39C 7.38:1 AAA
Aa #282440 on #9FADB3 6.43:1 AA
Aa #282440 on #B5A39C 6.13:1 AA
Aa #42363F on #9FADB3 4.97:1 AA
Aa #0E0917 on #6B818A 4.80:1 AA
Aa #42363F on #B5A39C 4.74:1 AA
Aa #0E0917 on #8A746A 4.47:1 AA Large
Aa #1A1429 on #6B818A 4.36:1 AA Large
Aa #9FADB3 on #40454E 4.18:1 AA Large
Aa #8A746A on #FCF8FB 4.17:1 AA Large
Aa #1A1429 on #8A746A 4.07:1 AA Large
Aa #B5A39C on #40454E 3.98:1 AA Large
Aa #FCF8FB on #6B818A 3.89:1 AA Large
Aa #5C473E on #9FADB3 3.75:1 AA Large
Aa #282440 on #6B818A 3.62:1 AA Large
Aa #5C473E on #B5A39C 3.58:1 AA Large
Aa #9FADB3 on #3E535C 3.51:1 AA Large
Aa #282440 on #8A746A 3.38:1 AA Large
Aa #B5A39C on #3E535C 3.34:1 AA Large
Aa #42363F on #6B818A 2.80:1 Fail
Aa #42363F on #8A746A 2.61:1 Fail
Aa #0E0917 on #3E535C 2.43:1 Fail
Aa #6B818A on #40454E 2.36:1 Fail
Aa #B5A39C on #FCF8FB 2.30:1 Fail
Aa #0E0917 on #5C473E 2.27:1 Fail
Aa #1A1429 on #3E535C 2.21:1 Fail
Aa #8A746A on #40454E 2.20:1 Fail
Aa #FCF8FB on #9FADB3 2.19:1 Fail
Aa #5C473E on #6B818A 2.12:1 Fail
Aa #1A1429 on #5C473E 2.06:1 Fail
Aa #0E0917 on #40454E 2.04:1 Fail
Aa #6B818A on #3E535C 1.98:1 Fail
Aa #5C473E on #8A746A 1.97:1 Fail
Aa #8A746A on #9FADB3 1.90:1 Fail
Aa #1A1429 on #40454E 1.85:1 Fail
Aa #8A746A on #3E535C 1.84:1 Fail
Aa #282440 on #3E535C 1.83:1 Fail
Aa #8A746A on #B5A39C 1.81:1 Fail
Aa #9FADB3 on #6B818A 1.77:1 Fail
Aa #0E0917 on #42363F 1.71:1 Fail
Aa #282440 on #5C473E 1.71:1 Fail
Aa #B5A39C on #6B818A 1.69:1 Fail
Aa #1A1429 on #42363F 1.56:1 Fail
Aa #282440 on #40454E 1.54:1 Fail
Aa #42363F on #3E535C 1.42:1 Fail
Aa #0E0917 on #282440 1.32:1 Fail
Aa #42363F on #5C473E 1.32:1 Fail
Aa #282440 on #42363F 1.29:1 Fail
Aa #1A1429 on #282440 1.20:1 Fail
Aa #42363F on #40454E 1.19:1 Fail
Aa #3E535C on #40454E 1.19:1 Fail
Aa #5C473E on #40454E 1.11:1 Fail
Aa #0E0917 on #1A1429 1.10:1 Fail
Aa #5C473E on #3E535C 1.07:1 Fail
Aa #8A746A on #6B818A 1.07:1 Fail
Aa #B5A39C on #9FADB3 1.05: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