Sign Up Sign Up
Retro Memories

Retro Memories

6-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Retro Memories

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

Modify
Earthy 6 colors Neutral Mixed Complementary retro
Likes 17
Colors 6

CSS variables

:root {
  --c-earthy-1: #E5E2D3;
  --c-earthy-2: #ADA394;
  --c-earthy-3: #2F2736;
  --c-earthy-4: #545AFB;
  --c-earthy-5: #94DAFC;
  --c-earthy-6: #C22D41;
}

About this palette

This 6-color earthy palette runs from Artifice (#E5E2D3) as its lightest tone to Black Safflower (#2F2736) as its darkest. It blends Artifice, Plaza Taupe, Black Safflower, Shady Neon Blue, Shiva Blue and Crimson Cloud into a single set you can drop straight into a UI. Of its 15 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E5E2D3 on #2F2736 at 11.03:1.

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

Color breakdown

Artifice #E5E2D3
RGB
rgb(229, 226, 211)
HSL
hsl(50, 26%, 86%)
Luminance
0.758
Plaza Taupe #ADA394
RGB
rgb(173, 163, 148)
HSL
hsl(36, 13%, 63%)
Luminance
0.372
Black Safflower #2F2736
RGB
rgb(47, 39, 54)
HSL
hsl(272, 16%, 18%)
Luminance
0.023
Shady Neon Blue #545AFB
RGB
rgb(84, 90, 251)
HSL
hsl(238, 95%, 66%)
Luminance
0.162
Shiva Blue #94DAFC
RGB
rgb(148, 218, 252)
HSL
hsl(200, 95%, 78%)
Luminance
0.635
Crimson Cloud #C22D41
RGB
rgb(194, 45, 65)
HSL
hsl(352, 62%, 47%)
Luminance
0.137

Contrast & accessibility

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

Aa #E5E2D3 on #2F2736 11.03:1 AAA
Aa #2F2736 on #94DAFC 9.35:1 AAA
Aa #ADA394 on #2F2736 5.77:1 AA
Aa #E5E2D3 on #C22D41 4.31:1 AA Large
Aa #E5E2D3 on #545AFB 3.82:1 AA Large
Aa #94DAFC on #C22D41 3.66:1 AA Large
Aa #545AFB on #94DAFC 3.24:1 AA Large
Aa #2F2736 on #545AFB 2.89:1 Fail
Aa #2F2736 on #C22D41 2.56:1 Fail
Aa #ADA394 on #C22D41 2.25:1 Fail
Aa #ADA394 on #545AFB 1.99:1 Fail
Aa #E5E2D3 on #ADA394 1.91:1 Fail
Aa #ADA394 on #94DAFC 1.62:1 Fail
Aa #E5E2D3 on #94DAFC 1.18:1 Fail
Aa #545AFB on #C22D41 1.13: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