Sign Up Sign Up
TY Industrial Factory 10

TY Industrial Factory 10

10-color palette · Warm · Mixed · Analogous harmony

Back to Library

TY Industrial Factory 10

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

Modify
Earthy 10 colors Warm Mixed Analogous dark metal horror sad
Likes 43
Colors 10

CSS variables

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #B6A87B;
  --c-earthy-3: #977760;
  --c-earthy-4: #90544D;
  --c-earthy-5: #5E4A48;
  --c-earthy-6: #81904D;
  --c-earthy-7: #5F5D4F;
  --c-earthy-8: #3D443B;
  --c-earthy-9: #2F2C27;
  --c-earthy-10: #000000;
}

About this palette

This 10-color earthy palette runs from Found Fossil (#DECEB4) as its lightest tone to Black (#000000) as its darkest. It blends Found Fossil, Texas Sage, Dark Toast, Cogswell Cedar, Mustang, Camo, Hayden Valley, Deep Forest, Noir and Black 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 #DECEB4 on #000000 at 13.59:1.

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

Color breakdown

Found Fossil #DECEB4
RGB
rgb(222, 206, 180)
HSL
hsl(37, 39%, 79%)
Luminance
0.630
Texas Sage #B6A87B
RGB
rgb(182, 168, 123)
HSL
hsl(46, 29%, 60%)
Luminance
0.394
Dark Toast #977760
RGB
rgb(151, 119, 96)
HSL
hsl(25, 22%, 48%)
Luminance
0.206
Cogswell Cedar #90544D
RGB
rgb(144, 84, 77)
HSL
hsl(6, 30%, 43%)
Luminance
0.128
Mustang #5E4A48
RGB
rgb(94, 74, 72)
HSL
hsl(5, 13%, 33%)
Luminance
0.078
Camo #81904D
RGB
rgb(129, 144, 77)
HSL
hsl(73, 30%, 43%)
Luminance
0.252
Hayden Valley #5F5D4F
RGB
rgb(95, 93, 79)
HSL
hsl(53, 9%, 34%)
Luminance
0.108
Deep Forest #3D443B
RGB
rgb(61, 68, 59)
HSL
hsl(107, 7%, 25%)
Luminance
0.054
Noir #2F2C27
RGB
rgb(47, 44, 39)
HSL
hsl(38, 9%, 17%)
Luminance
0.026
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

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

Aa #DECEB4 on #000000 13.59:1 AAA
Aa #DECEB4 on #2F2C27 9.00:1 AAA
Aa #B6A87B on #000000 8.88:1 AAA
Aa #DECEB4 on #3D443B 6.51:1 AA
Aa #81904D on #000000 6.03:1 AA
Aa #B6A87B on #2F2C27 5.88:1 AA
Aa #DECEB4 on #5E4A48 5.33:1 AA
Aa #977760 on #000000 5.12:1 AA
Aa #DECEB4 on #5F5D4F 4.29:1 AA Large
Aa #B6A87B on #3D443B 4.25:1 AA Large
Aa #81904D on #2F2C27 3.99:1 AA Large
Aa #DECEB4 on #90544D 3.82:1 AA Large
Aa #90544D on #000000 3.56:1 AA Large
Aa #B6A87B on #5E4A48 3.48:1 AA Large
Aa #977760 on #2F2C27 3.39:1 AA Large
Aa #5F5D4F on #000000 3.17:1 AA Large
Aa #81904D on #3D443B 2.89:1 Fail
Aa #B6A87B on #5F5D4F 2.80:1 Fail
Aa #DECEB4 on #977760 2.65:1 Fail
Aa #5E4A48 on #000000 2.55:1 Fail
Aa #B6A87B on #90544D 2.49:1 Fail
Aa #977760 on #3D443B 2.45:1 Fail
Aa #5E4A48 on #81904D 2.37:1 Fail
Aa #90544D on #2F2C27 2.36:1 Fail
Aa #DECEB4 on #81904D 2.25:1 Fail
Aa #5F5D4F on #2F2C27 2.10:1 Fail
Aa #3D443B on #000000 2.09:1 Fail
Aa #977760 on #5E4A48 2.01:1 Fail
Aa #81904D on #5F5D4F 1.91:1 Fail
Aa #B6A87B on #977760 1.73:1 Fail
Aa #90544D on #3D443B 1.71:1 Fail
Aa #90544D on #81904D 1.69:1 Fail
Aa #5E4A48 on #2F2C27 1.69:1 Fail
Aa #977760 on #5F5D4F 1.62:1 Fail
Aa #DECEB4 on #B6A87B 1.53:1 Fail
Aa #5F5D4F on #3D443B 1.52:1 Fail
Aa #2F2C27 on #000000 1.51:1 Fail
Aa #B6A87B on #81904D 1.47:1 Fail
Aa #977760 on #90544D 1.44:1 Fail
Aa #90544D on #5E4A48 1.40:1 Fail
Aa #3D443B on #2F2C27 1.38:1 Fail
Aa #5E4A48 on #5F5D4F 1.24:1 Fail
Aa #5E4A48 on #3D443B 1.22:1 Fail
Aa #977760 on #81904D 1.18:1 Fail
Aa #90544D on #5F5D4F 1.13: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