Sign Up Sign Up
Retrocal 8

Retrocal 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Retrocal 8

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

Modify
Earthy 8 colors Warm Mixed Complementary polyphrog
Likes 486
Colors 8

CSS variables

:root {
  --c-earthy-1: #6EB8A8;
  --c-earthy-2: #2A584F;
  --c-earthy-3: #74A33F;
  --c-earthy-4: #FCFFC0;
  --c-earthy-5: #C6505A;
  --c-earthy-6: #2F142F;
  --c-earthy-7: #774448;
  --c-earthy-8: #EE9C5D;
}

About this palette

This 8-color earthy palette runs from Sour Veil (#FCFFC0) as its lightest tone to Cultist Robe (#2F142F) as its darkest. It blends Glacial Green, Holly Leaf, Festival Green, Sour Veil, Super Hero, Cultist Robe, Musk Memory and Ridgeback into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FCFFC0 on #2F142F at 16.01:1.

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

Color breakdown

Glacial Green #6EB8A8
RGB
rgb(110, 184, 168)
HSL
hsl(167, 34%, 58%)
Luminance
0.404
Holly Leaf #2A584F
RGB
rgb(42, 88, 79)
HSL
hsl(168, 35%, 25%)
Luminance
0.080
Festival Green #74A33F
RGB
rgb(116, 163, 63)
HSL
hsl(88, 44%, 44%)
Luminance
0.303
Sour Veil #FCFFC0
RGB
rgb(252, 255, 192)
HSL
hsl(63, 100%, 88%)
Luminance
0.960
Super Hero #C6505A
RGB
rgb(198, 80, 90)
HSL
hsl(355, 51%, 55%)
Luminance
0.185
Cultist Robe #2F142F
RGB
rgb(47, 20, 47)
HSL
hsl(300, 40%, 13%)
Luminance
0.013
Musk Memory #774448
RGB
rgb(119, 68, 72)
HSL
hsl(355, 27%, 37%)
Luminance
0.085
Ridgeback #EE9C5D
RGB
rgb(238, 156, 93)
HSL
hsl(26, 81%, 65%)
Luminance
0.427

Contrast & accessibility

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

Aa #FCFFC0 on #2F142F 16.01:1 AAA
Aa #2A584F on #FCFFC0 7.75:1 AAA
Aa #2F142F on #EE9C5D 7.57:1 AAA
Aa #FCFFC0 on #774448 7.47:1 AAA
Aa #6EB8A8 on #2F142F 7.20:1 AAA
Aa #74A33F on #2F142F 5.59:1 AA
Aa #FCFFC0 on #C6505A 4.30:1 AA Large
Aa #C6505A on #2F142F 3.72:1 AA Large
Aa #2A584F on #EE9C5D 3.66:1 AA Large
Aa #774448 on #EE9C5D 3.53:1 AA Large
Aa #6EB8A8 on #2A584F 3.48:1 AA Large
Aa #6EB8A8 on #774448 3.36:1 AA Large
Aa #74A33F on #FCFFC0 2.86:1 Fail
Aa #2A584F on #74A33F 2.71:1 Fail
Aa #74A33F on #774448 2.61:1 Fail
Aa #6EB8A8 on #FCFFC0 2.22:1 Fail
Aa #2F142F on #774448 2.14:1 Fail
Aa #FCFFC0 on #EE9C5D 2.12:1 Fail
Aa #2A584F on #2F142F 2.07:1 Fail
Aa #C6505A on #EE9C5D 2.03:1 Fail
Aa #6EB8A8 on #C6505A 1.93:1 Fail
Aa #2A584F on #C6505A 1.80:1 Fail
Aa #C6505A on #774448 1.74:1 Fail
Aa #74A33F on #C6505A 1.50:1 Fail
Aa #74A33F on #EE9C5D 1.35:1 Fail
Aa #6EB8A8 on #74A33F 1.29:1 Fail
Aa #6EB8A8 on #EE9C5D 1.05:1 Fail
Aa #2A584F on #774448 1.04: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