Sign Up Sign Up
FestivePanthera10

FestivePanthera10

10-color palette · Neutral · Mixed · Complementary harmony

Back to Library

FestivePanthera10

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

Modify
Earthy 10 colors Neutral Mixed Complementary gray black red blue
Likes 52
Colors 10

CSS variables

:root {
  --c-earthy-1: #191D21;
  --c-earthy-2: #434E57;
  --c-earthy-3: #7C7B73;
  --c-earthy-4: #B3A08D;
  --c-earthy-5: #E6CAB1;
  --c-earthy-6: #3471B3;
  --c-earthy-7: #54ADB0;
  --c-earthy-8: #73F0C6;
  --c-earthy-9: #87323F;
  --c-earthy-10: #D1605C;
}

About this palette

This 10-color earthy palette runs from Jittery Jade (#73F0C6) as its lightest tone to Satin Deep Black (#191D21) as its darkest. It blends Satin Deep Black, Deepest Sea, Tapa, Gilded Beige, Grey Sand, Campanula, Blue Turquoise, Jittery Jade, Blood Oath and Desert Coral 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 #191D21 on #73F0C6 at 12.11:1.

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

Color breakdown

Satin Deep Black #191D21
RGB
rgb(25, 29, 33)
HSL
hsl(210, 14%, 11%)
Luminance
0.012
Deepest Sea #434E57
RGB
rgb(67, 78, 87)
HSL
hsl(207, 13%, 30%)
Luminance
0.073
Tapa #7C7B73
RGB
rgb(124, 123, 115)
HSL
hsl(53, 4%, 47%)
Luminance
0.197
Gilded Beige #B3A08D
RGB
rgb(179, 160, 141)
HSL
hsl(30, 20%, 63%)
Luminance
0.367
Grey Sand #E6CAB1
RGB
rgb(230, 202, 177)
HSL
hsl(28, 51%, 80%)
Luminance
0.622
Campanula #3471B3
RGB
rgb(52, 113, 179)
HSL
hsl(211, 55%, 45%)
Luminance
0.158
Blue Turquoise #54ADB0
RGB
rgb(84, 173, 176)
HSL
hsl(182, 37%, 51%)
Luminance
0.349
Jittery Jade #73F0C6
RGB
rgb(115, 240, 198)
HSL
hsl(160, 81%, 70%)
Luminance
0.700
Blood Oath #87323F
RGB
rgb(135, 50, 63)
HSL
hsl(351, 46%, 36%)
Luminance
0.078
Desert Coral #D1605C
RGB
rgb(209, 96, 92)
HSL
hsl(2, 56%, 59%)
Luminance
0.227

Contrast & accessibility

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

Aa #191D21 on #73F0C6 12.11:1 AAA
Aa #191D21 on #E6CAB1 10.85:1 AAA
Aa #191D21 on #B3A08D 6.72:1 AA
Aa #191D21 on #54ADB0 6.44:1 AA
Aa #434E57 on #73F0C6 6.09:1 AA
Aa #73F0C6 on #87323F 5.87:1 AA
Aa #434E57 on #E6CAB1 5.45:1 AA
Aa #E6CAB1 on #87323F 5.26:1 AA
Aa #191D21 on #D1605C 4.47:1 AA Large
Aa #191D21 on #7C7B73 3.99:1 AA Large
Aa #3471B3 on #73F0C6 3.61:1 AA Large
Aa #434E57 on #B3A08D 3.38:1 AA Large
Aa #191D21 on #3471B3 3.36:1 AA Large
Aa #B3A08D on #87323F 3.26:1 AA Large
Aa #434E57 on #54ADB0 3.24:1 AA Large
Aa #E6CAB1 on #3471B3 3.23:1 AA Large
Aa #54ADB0 on #87323F 3.12:1 AA Large
Aa #7C7B73 on #73F0C6 3.04:1 AA Large
Aa #7C7B73 on #E6CAB1 2.72:1 Fail
Aa #73F0C6 on #D1605C 2.71:1 Fail
Aa #E6CAB1 on #D1605C 2.43:1 Fail
Aa #434E57 on #D1605C 2.25:1 Fail
Aa #87323F on #D1605C 2.17:1 Fail
Aa #191D21 on #87323F 2.06:1 Fail
Aa #434E57 on #7C7B73 2.00:1 Fail
Aa #B3A08D on #3471B3 2.00:1 Fail
Aa #191D21 on #434E57 1.99:1 Fail
Aa #7C7B73 on #87323F 1.93:1 Fail
Aa #3471B3 on #54ADB0 1.92:1 Fail
Aa #54ADB0 on #73F0C6 1.88:1 Fail
Aa #B3A08D on #73F0C6 1.80:1 Fail
Aa #434E57 on #3471B3 1.69:1 Fail
Aa #7C7B73 on #B3A08D 1.69:1 Fail
Aa #E6CAB1 on #54ADB0 1.68:1 Fail
Aa #3471B3 on #87323F 1.63:1 Fail
Aa #7C7B73 on #54ADB0 1.62:1 Fail
Aa #B3A08D on #E6CAB1 1.61:1 Fail
Aa #B3A08D on #D1605C 1.50:1 Fail
Aa #54ADB0 on #D1605C 1.44:1 Fail
Aa #3471B3 on #D1605C 1.33:1 Fail
Aa #7C7B73 on #3471B3 1.19:1 Fail
Aa #7C7B73 on #D1605C 1.12:1 Fail
Aa #E6CAB1 on #73F0C6 1.12:1 Fail
Aa #434E57 on #87323F 1.04:1 Fail
Aa #B3A08D on #54ADB0 1.04: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