Sign Up Sign Up
TY Ancient Magis 10

TY Ancient Magis 10

10-color palette · Warm · Mixed · Triadic harmony

Back to Library

TY Ancient Magis 10

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

Modify
Earthy 10 colors Warm Mixed Triadic dark fantasy limited retro
Likes 10
Colors 10

CSS variables

:root {
  --c-earthy-1: #E4C183;
  --c-earthy-2: #BB8F6B;
  --c-earthy-3: #A7634A;
  --c-earthy-4: #7A6260;
  --c-earthy-5: #5A4256;
  --c-earthy-6: #3E2B22;
  --c-earthy-7: #DECEB4;
  --c-earthy-8: #9A93B7;
  --c-earthy-9: #636A74;
  --c-earthy-10: #394949;
}

About this palette

This 10-color earthy palette runs from Found Fossil (#DECEB4) as its lightest tone to English Walnut (#3E2B22) as its darkest. It blends Autumn Glow, Nobody but Ben, Toffee Glaze, Raisin in the Sun, Dreamy Heaven, English Walnut, Found Fossil, Indifferent, Alley Cat and Green Gables into a single set you can drop straight into a UI. Of its 45 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #3E2B22 on #DECEB4 at 8.64:1.

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

Color breakdown

Autumn Glow #E4C183
RGB
rgb(228, 193, 131)
HSL
hsl(38, 64%, 70%)
Luminance
0.563
Nobody but Ben #BB8F6B
RGB
rgb(187, 143, 107)
HSL
hsl(27, 37%, 58%)
Luminance
0.313
Toffee Glaze #A7634A
RGB
rgb(167, 99, 74)
HSL
hsl(16, 39%, 47%)
Luminance
0.176
Raisin in the Sun #7A6260
RGB
rgb(122, 98, 96)
HSL
hsl(5, 12%, 43%)
Luminance
0.137
Dreamy Heaven #5A4256
RGB
rgb(90, 66, 86)
HSL
hsl(310, 15%, 31%)
Luminance
0.067
English Walnut #3E2B22
RGB
rgb(62, 43, 34)
HSL
hsl(19, 29%, 19%)
Luminance
0.029
Found Fossil #DECEB4
RGB
rgb(222, 206, 180)
HSL
hsl(37, 39%, 79%)
Luminance
0.630
Indifferent #9A93B7
RGB
rgb(154, 147, 183)
HSL
hsl(252, 20%, 65%)
Luminance
0.312
Alley Cat #636A74
RGB
rgb(99, 106, 116)
HSL
hsl(215, 8%, 42%)
Luminance
0.142
Green Gables #394949
RGB
rgb(57, 73, 73)
HSL
hsl(180, 12%, 25%)
Luminance
0.061

Contrast & accessibility

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

Aa #3E2B22 on #DECEB4 8.64:1 AAA
Aa #E4C183 on #3E2B22 7.79:1 AAA
Aa #DECEB4 on #394949 6.11:1 AA
Aa #5A4256 on #DECEB4 5.79:1 AA
Aa #E4C183 on #394949 5.51:1 AA
Aa #E4C183 on #5A4256 5.22:1 AA
Aa #BB8F6B on #3E2B22 4.61:1 AA
Aa #3E2B22 on #9A93B7 4.60:1 AA
Aa #7A6260 on #DECEB4 3.63:1 AA Large
Aa #DECEB4 on #636A74 3.54:1 AA Large
Aa #E4C183 on #7A6260 3.27:1 AA Large
Aa #BB8F6B on #394949 3.26:1 AA Large
Aa #9A93B7 on #394949 3.25:1 AA Large
Aa #E4C183 on #636A74 3.19:1 AA Large
Aa #BB8F6B on #5A4256 3.09:1 AA Large
Aa #5A4256 on #9A93B7 3.08:1 AA Large
Aa #A7634A on #DECEB4 3.00:1 AA Large
Aa #A7634A on #3E2B22 2.88:1 Fail
Aa #E4C183 on #A7634A 2.71:1 Fail
Aa #3E2B22 on #636A74 2.44:1 Fail
Aa #7A6260 on #3E2B22 2.38:1 Fail
Aa #A7634A on #394949 2.04:1 Fail
Aa #BB8F6B on #7A6260 1.94:1 Fail
Aa #A7634A on #5A4256 1.93:1 Fail
Aa #7A6260 on #9A93B7 1.93:1 Fail
Aa #BB8F6B on #636A74 1.89:1 Fail
Aa #DECEB4 on #9A93B7 1.88:1 Fail
Aa #9A93B7 on #636A74 1.88:1 Fail
Aa #BB8F6B on #DECEB4 1.87:1 Fail
Aa #636A74 on #394949 1.73:1 Fail
Aa #E4C183 on #BB8F6B 1.69:1 Fail
Aa #E4C183 on #9A93B7 1.69:1 Fail
Aa #7A6260 on #394949 1.68:1 Fail
Aa #5A4256 on #636A74 1.64:1 Fail
Aa #BB8F6B on #A7634A 1.60:1 Fail
Aa #A7634A on #9A93B7 1.60:1 Fail
Aa #7A6260 on #5A4256 1.59:1 Fail
Aa #5A4256 on #3E2B22 1.49:1 Fail
Aa #3E2B22 on #394949 1.41:1 Fail
Aa #A7634A on #7A6260 1.21:1 Fail
Aa #A7634A on #636A74 1.18:1 Fail
Aa #E4C183 on #DECEB4 1.11:1 Fail
Aa #5A4256 on #394949 1.06:1 Fail
Aa #7A6260 on #636A74 1.03:1 Fail
Aa #BB8F6B on #9A93B7 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