Sign Up Sign Up
Retro Space

Retro Space

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Retro Space

11-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Earthy 11 colors Cool Mixed Complementary space retro
Likes 25
Colors 11

CSS variables

:root {
  --c-earthy-1: #77A6A9;
  --c-earthy-2: #56787A;
  --c-earthy-3: #618FAD;
  --c-earthy-4: #45657A;
  --c-earthy-5: #333333;
  --c-earthy-6: #E1CCAD;
  --c-earthy-7: #C24D3F;
  --c-earthy-8: #963C31;
  --c-earthy-9: #EBB8A4;
  --c-earthy-10: #BA8B79;
  --c-earthy-11: #D9C380;
}

About this palette

This 11-color earthy palette runs from Sundew (#E1CCAD) as its lightest tone to Carbon (#333333) as its darkest. It blends Cresting Waves, Blue Sage, Alpha Tango, Noshime Flower, Carbon, Sundew, Sweet Baby Rose, Vermilion Seabass, Pink Abalone, Tuscany and Germania into a single set you can drop straight into a UI. Of its 55 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #333333 on #E1CCAD at 8.09:1.

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

Color breakdown

Cresting Waves #77A6A9
RGB
rgb(119, 166, 169)
HSL
hsl(184, 23%, 56%)
Luminance
0.341
Blue Sage #56787A
RGB
rgb(86, 120, 122)
HSL
hsl(183, 17%, 41%)
Luminance
0.168
Alpha Tango #618FAD
RGB
rgb(97, 143, 173)
HSL
hsl(204, 32%, 53%)
Luminance
0.252
Noshime Flower #45657A
RGB
rgb(69, 101, 122)
HSL
hsl(204, 28%, 37%)
Luminance
0.120
Carbon #333333
RGB
rgb(51, 51, 51)
HSL
hsl(0, 0%, 20%)
Luminance
0.033
Sundew #E1CCAD
RGB
rgb(225, 204, 173)
HSL
hsl(36, 46%, 78%)
Luminance
0.622
Sweet Baby Rose #C24D3F
RGB
rgb(194, 77, 63)
HSL
hsl(6, 52%, 50%)
Luminance
0.171
Vermilion Seabass #963C31
RGB
rgb(150, 60, 49)
HSL
hsl(7, 51%, 39%)
Luminance
0.099
Pink Abalone #EBB8A4
RGB
rgb(235, 184, 164)
HSL
hsl(17, 64%, 78%)
Luminance
0.546
Tuscany #BA8B79
RGB
rgb(186, 139, 121)
HSL
hsl(17, 32%, 60%)
Luminance
0.303
Germania #D9C380
RGB
rgb(217, 195, 128)
HSL
hsl(45, 54%, 68%)
Luminance
0.553

Contrast & accessibility

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

Aa #333333 on #E1CCAD 8.09:1 AAA
Aa #333333 on #D9C380 7.26:1 AAA
Aa #333333 on #EBB8A4 7.17:1 AAA
Aa #77A6A9 on #333333 4.70:1 AA
Aa #E1CCAD on #963C31 4.50:1 AA
Aa #333333 on #BA8B79 4.25:1 AA Large
Aa #963C31 on #D9C380 4.04:1 AA Large
Aa #963C31 on #EBB8A4 3.99:1 AA Large
Aa #45657A on #E1CCAD 3.96:1 AA Large
Aa #618FAD on #333333 3.63:1 AA Large
Aa #45657A on #D9C380 3.55:1 AA Large
Aa #45657A on #EBB8A4 3.51:1 AA Large
Aa #56787A on #E1CCAD 3.08:1 AA Large
Aa #E1CCAD on #C24D3F 3.04:1 AA Large
Aa #56787A on #D9C380 2.77:1 Fail
Aa #56787A on #EBB8A4 2.73:1 Fail
Aa #C24D3F on #D9C380 2.73:1 Fail
Aa #C24D3F on #EBB8A4 2.69:1 Fail
Aa #333333 on #C24D3F 2.66:1 Fail
Aa #56787A on #333333 2.63:1 Fail
Aa #77A6A9 on #963C31 2.61:1 Fail
Aa #963C31 on #BA8B79 2.36:1 Fail
Aa #77A6A9 on #45657A 2.30:1 Fail
Aa #618FAD on #E1CCAD 2.23:1 Fail
Aa #45657A on #BA8B79 2.08:1 Fail
Aa #45657A on #333333 2.04:1 Fail
Aa #618FAD on #963C31 2.02:1 Fail
Aa #618FAD on #D9C380 2.00:1 Fail
Aa #618FAD on #EBB8A4 1.97:1 Fail
Aa #E1CCAD on #BA8B79 1.90:1 Fail
Aa #333333 on #963C31 1.80:1 Fail
Aa #77A6A9 on #56787A 1.79:1 Fail
Aa #618FAD on #45657A 1.78:1 Fail
Aa #77A6A9 on #C24D3F 1.76:1 Fail
Aa #77A6A9 on #E1CCAD 1.72:1 Fail
Aa #BA8B79 on #D9C380 1.71:1 Fail
Aa #EBB8A4 on #BA8B79 1.69:1 Fail
Aa #56787A on #BA8B79 1.62:1 Fail
Aa #C24D3F on #BA8B79 1.59:1 Fail
Aa #77A6A9 on #D9C380 1.54:1 Fail
Aa #77A6A9 on #EBB8A4 1.53:1 Fail
Aa #C24D3F on #963C31 1.48:1 Fail
Aa #56787A on #963C31 1.46:1 Fail
Aa #56787A on #618FAD 1.38:1 Fail
Aa #618FAD on #C24D3F 1.36:1 Fail
Aa #45657A on #C24D3F 1.30:1 Fail
Aa #77A6A9 on #618FAD 1.29:1 Fail
Aa #56787A on #45657A 1.29:1 Fail
Aa #618FAD on #BA8B79 1.17:1 Fail
Aa #45657A on #963C31 1.14:1 Fail
Aa #E1CCAD on #EBB8A4 1.13:1 Fail
Aa #77A6A9 on #BA8B79 1.11:1 Fail
Aa #E1CCAD on #D9C380 1.11:1 Fail
Aa #56787A on #C24D3F 1.01:1 Fail
Aa #EBB8A4 on #D9C380 1.01:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors