Sign Up Sign Up
New Tableau 10

New Tableau 10

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

New Tableau 10

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

Modify
Earthy 10 colors Warm Mixed Complementary
Likes 9
Colors 10

CSS variables

:root {
  --c-earthy-1: #557CA7;
  --c-earthy-2: #E98A2E;
  --c-earthy-3: #D5525A;
  --c-earthy-4: #80B9B2;
  --c-earthy-5: #66A14F;
  --c-earthy-6: #E9C74C;
  --c-earthy-7: #AA7AA0;
  --c-earthy-8: #F79BA8;
  --c-earthy-9: #98745E;
  --c-earthy-10: #B9B0AB;
}

About this palette

This 10-color earthy palette runs from Fall Meadow (#E9C74C) as its lightest tone to Vinca (#557CA7) as its darkest. It blends Vinca, Goblin Eyes, Spiced Coral, Winter Surf, Flat Green, Fall Meadow, Usu Pink, Flower Girl, Tangara and London Coach into a single set you can drop straight into a UI. None of the 45 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Vinca #557CA7
RGB
rgb(85, 124, 167)
HSL
hsl(211, 33%, 49%)
Luminance
0.191
Goblin Eyes #E98A2E
RGB
rgb(233, 138, 46)
HSL
hsl(30, 81%, 55%)
Luminance
0.357
Spiced Coral #D5525A
RGB
rgb(213, 82, 90)
HSL
hsl(356, 61%, 58%)
Luminance
0.209
Winter Surf #80B9B2
RGB
rgb(128, 185, 178)
HSL
hsl(173, 29%, 61%)
Luminance
0.425
Flat Green #66A14F
RGB
rgb(102, 161, 79)
HSL
hsl(103, 34%, 47%)
Luminance
0.289
Fall Meadow #E9C74C
RGB
rgb(233, 199, 76)
HSL
hsl(47, 78%, 61%)
Luminance
0.587
Usu Pink #AA7AA0
RGB
rgb(170, 122, 160)
HSL
hsl(313, 22%, 57%)
Luminance
0.250
Flower Girl #F79BA8
RGB
rgb(247, 155, 168)
HSL
hsl(352, 85%, 79%)
Luminance
0.460
Tangara #98745E
RGB
rgb(152, 116, 94)
HSL
hsl(23, 24%, 48%)
Luminance
0.200
London Coach #B9B0AB
RGB
rgb(185, 176, 171)
HSL
hsl(21, 9%, 70%)
Luminance
0.443

Contrast & accessibility

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

Aa #557CA7 on #E9C74C 2.64:1 Fail
Aa #E9C74C on #98745E 2.55:1 Fail
Aa #D5525A on #E9C74C 2.46:1 Fail
Aa #E9C74C on #AA7AA0 2.12:1 Fail
Aa #557CA7 on #F79BA8 2.11:1 Fail
Aa #557CA7 on #B9B0AB 2.04:1 Fail
Aa #F79BA8 on #98745E 2.04:1 Fail
Aa #557CA7 on #80B9B2 1.97:1 Fail
Aa #D5525A on #F79BA8 1.97:1 Fail
Aa #98745E on #B9B0AB 1.97:1 Fail
Aa #D5525A on #B9B0AB 1.90:1 Fail
Aa #80B9B2 on #98745E 1.90:1 Fail
Aa #66A14F on #E9C74C 1.88:1 Fail
Aa #D5525A on #80B9B2 1.83:1 Fail
Aa #AA7AA0 on #F79BA8 1.70:1 Fail
Aa #557CA7 on #E98A2E 1.69:1 Fail
Aa #AA7AA0 on #B9B0AB 1.64:1 Fail
Aa #E98A2E on #98745E 1.63:1 Fail
Aa #80B9B2 on #AA7AA0 1.58:1 Fail
Aa #E98A2E on #D5525A 1.57:1 Fail
Aa #E98A2E on #E9C74C 1.57:1 Fail
Aa #66A14F on #F79BA8 1.51:1 Fail
Aa #66A14F on #B9B0AB 1.46:1 Fail
Aa #557CA7 on #66A14F 1.40:1 Fail
Aa #80B9B2 on #66A14F 1.40:1 Fail
Aa #E98A2E on #AA7AA0 1.36:1 Fail
Aa #66A14F on #98745E 1.36:1 Fail
Aa #80B9B2 on #E9C74C 1.34:1 Fail
Aa #D5525A on #66A14F 1.31:1 Fail
Aa #E9C74C on #B9B0AB 1.29:1 Fail
Aa #E98A2E on #F79BA8 1.25:1 Fail
Aa #E9C74C on #F79BA8 1.25:1 Fail
Aa #557CA7 on #AA7AA0 1.24:1 Fail
Aa #E98A2E on #B9B0AB 1.21:1 Fail
Aa #E98A2E on #66A14F 1.20:1 Fail
Aa #AA7AA0 on #98745E 1.20:1 Fail
Aa #E98A2E on #80B9B2 1.17:1 Fail
Aa #D5525A on #AA7AA0 1.16:1 Fail
Aa #66A14F on #AA7AA0 1.13:1 Fail
Aa #557CA7 on #D5525A 1.07:1 Fail
Aa #80B9B2 on #F79BA8 1.07:1 Fail
Aa #D5525A on #98745E 1.04:1 Fail
Aa #80B9B2 on #B9B0AB 1.04:1 Fail
Aa #F79BA8 on #B9B0AB 1.04:1 Fail
Aa #557CA7 on #98745E 1.03: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