Sign Up Sign Up
[ Low_Colors ]

[ Low_Colors ]

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

[ Low_Colors ]

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

Modify
Earthy 10 colors Warm Mixed Complementary red blue 10 10colors
Likes 30
Colors 10

CSS variables

:root {
  --c-earthy-1: #E4E4E4;
  --c-earthy-2: #8CBDA9;
  --c-earthy-3: #507CA2;
  --c-earthy-4: #41118B;
  --c-earthy-5: #3B1249;
  --c-earthy-6: #100819;
  --c-earthy-7: #4F1633;
  --c-earthy-8: #99323F;
  --c-earthy-9: #A54B4A;
  --c-earthy-10: #BD8D7A;
}

About this palette

This 10-color earthy palette runs from Titanium White (#E4E4E4) as its lightest tone to Not Tonight (#100819) as its darkest. It blends Titanium White, Mild Evergreen, Biedermeier Blue, Grim Purple, Purple Door, Not Tonight, Tulip Poplar Purple, Boerewors, Royal Rum and Tuscany into a single set you can drop straight into a UI. Of its 45 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E4E4E4 on #100819 at 15.42:1.

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

Color breakdown

Titanium White #E4E4E4
RGB
rgb(228, 228, 228)
HSL
hsl(0, 0%, 89%)
Luminance
0.776
Mild Evergreen #8CBDA9
RGB
rgb(140, 189, 169)
HSL
hsl(156, 27%, 65%)
Luminance
0.448
Biedermeier Blue #507CA2
RGB
rgb(80, 124, 162)
HSL
hsl(208, 34%, 47%)
Luminance
0.187
Grim Purple #41118B
RGB
rgb(65, 17, 139)
HSL
hsl(264, 78%, 31%)
Luminance
0.034
Purple Door #3B1249
RGB
rgb(59, 18, 73)
HSL
hsl(285, 60%, 18%)
Luminance
0.018
Not Tonight #100819
RGB
rgb(16, 8, 25)
HSL
hsl(268, 52%, 6%)
Luminance
0.004
Tulip Poplar Purple #4F1633
RGB
rgb(79, 22, 51)
HSL
hsl(329, 56%, 20%)
Luminance
0.025
Boerewors #99323F
RGB
rgb(153, 50, 63)
HSL
hsl(352, 51%, 40%)
Luminance
0.094
Royal Rum #A54B4A
RGB
rgb(165, 75, 74)
HSL
hsl(1, 38%, 47%)
Luminance
0.135
Tuscany #BD8D7A
RGB
rgb(189, 141, 122)
HSL
hsl(17, 34%, 61%)
Luminance
0.313

Contrast & accessibility

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

Aa #E4E4E4 on #100819 15.42:1 AAA
Aa #E4E4E4 on #3B1249 12.07:1 AAA
Aa #E4E4E4 on #4F1633 11.05:1 AAA
Aa #E4E4E4 on #41118B 9.84:1 AAA
Aa #8CBDA9 on #100819 9.31:1 AAA
Aa #8CBDA9 on #3B1249 7.28:1 AAA
Aa #100819 on #BD8D7A 6.78:1 AA
Aa #8CBDA9 on #4F1633 6.67:1 AA
Aa #8CBDA9 on #41118B 5.94:1 AA
Aa #E4E4E4 on #99323F 5.73:1 AA
Aa #3B1249 on #BD8D7A 5.30:1 AA
Aa #4F1633 on #BD8D7A 4.85:1 AA
Aa #E4E4E4 on #A54B4A 4.46:1 AA Large
Aa #507CA2 on #100819 4.43:1 AA Large
Aa #41118B on #BD8D7A 4.32:1 AA Large
Aa #E4E4E4 on #507CA2 3.48:1 AA Large
Aa #507CA2 on #3B1249 3.47:1 AA Large
Aa #8CBDA9 on #99323F 3.46:1 AA Large
Aa #100819 on #A54B4A 3.46:1 AA Large
Aa #507CA2 on #4F1633 3.17:1 AA Large
Aa #507CA2 on #41118B 2.83:1 Fail
Aa #3B1249 on #A54B4A 2.71:1 Fail
Aa #8CBDA9 on #A54B4A 2.69:1 Fail
Aa #100819 on #99323F 2.69:1 Fail
Aa #99323F on #BD8D7A 2.52:1 Fail
Aa #4F1633 on #A54B4A 2.48:1 Fail
Aa #E4E4E4 on #BD8D7A 2.28:1 Fail
Aa #41118B on #A54B4A 2.21:1 Fail
Aa #3B1249 on #99323F 2.11:1 Fail
Aa #8CBDA9 on #507CA2 2.10:1 Fail
Aa #A54B4A on #BD8D7A 1.96:1 Fail
Aa #4F1633 on #99323F 1.93:1 Fail
Aa #41118B on #99323F 1.72:1 Fail
Aa #E4E4E4 on #8CBDA9 1.66:1 Fail
Aa #507CA2 on #99323F 1.65:1 Fail
Aa #41118B on #100819 1.57:1 Fail
Aa #507CA2 on #BD8D7A 1.53:1 Fail
Aa #100819 on #4F1633 1.40:1 Fail
Aa #8CBDA9 on #BD8D7A 1.37:1 Fail
Aa #99323F on #A54B4A 1.29:1 Fail
Aa #507CA2 on #A54B4A 1.28:1 Fail
Aa #3B1249 on #100819 1.28:1 Fail
Aa #41118B on #3B1249 1.23:1 Fail
Aa #41118B on #4F1633 1.12:1 Fail
Aa #3B1249 on #4F1633 1.09: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