Sign Up Sign Up
Zombie Outbreak

Zombie Outbreak

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Zombie Outbreak

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

Modify
Earthy 8 colors Neutral Mixed Complementary
Likes 33
Colors 8

CSS variables

:root {
  --c-earthy-1: #DC549E;
  --c-earthy-2: #972582;
  --c-earthy-3: #5F2C83;
  --c-earthy-4: #A1DBE8;
  --c-earthy-5: #9BD08D;
  --c-earthy-6: #168788;
  --c-earthy-7: #4C4C4C;
  --c-earthy-8: #333333;
}

About this palette

This 8-color earthy palette runs from Nevada Sky (#A1DBE8) as its lightest tone to Carbon (#333333) as its darkest. It blends Bit of Berry, Warm Purple, Purple Patch, Nevada Sky, Botanist, Tubbataha Teal, Shady Character and Carbon into a single set you can drop straight into a UI. Of its 28 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #A1DBE8 on #333333 at 8.31:1.

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

Color breakdown

Bit of Berry #DC549E
RGB
rgb(220, 84, 158)
HSL
hsl(327, 66%, 60%)
Luminance
0.240
Warm Purple #972582
RGB
rgb(151, 37, 130)
HSL
hsl(311, 61%, 37%)
Luminance
0.095
Purple Patch #5F2C83
RGB
rgb(95, 44, 131)
HSL
hsl(275, 50%, 34%)
Luminance
0.059
Nevada Sky #A1DBE8
RGB
rgb(161, 219, 232)
HSL
hsl(191, 61%, 77%)
Luminance
0.641
Botanist #9BD08D
RGB
rgb(155, 208, 141)
HSL
hsl(107, 42%, 68%)
Luminance
0.540
Tubbataha Teal #168788
RGB
rgb(22, 135, 136)
HSL
hsl(181, 72%, 31%)
Luminance
0.193
Shady Character #4C4C4C
RGB
rgb(76, 76, 76)
HSL
hsl(0, 0%, 30%)
Luminance
0.072
Carbon #333333
RGB
rgb(51, 51, 51)
HSL
hsl(0, 0%, 20%)
Luminance
0.033

Contrast & accessibility

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

Aa #A1DBE8 on #333333 8.31:1 AAA
Aa #9BD08D on #333333 7.10:1 AAA
Aa #5F2C83 on #A1DBE8 6.35:1 AA
Aa #A1DBE8 on #4C4C4C 5.65:1 AA
Aa #5F2C83 on #9BD08D 5.43:1 AA
Aa #9BD08D on #4C4C4C 4.83:1 AA
Aa #972582 on #A1DBE8 4.76:1 AA
Aa #972582 on #9BD08D 4.07:1 AA Large
Aa #DC549E on #333333 3.49:1 AA Large
Aa #168788 on #333333 2.92:1 Fail
Aa #A1DBE8 on #168788 2.85:1 Fail
Aa #DC549E on #5F2C83 2.67:1 Fail
Aa #9BD08D on #168788 2.43:1 Fail
Aa #DC549E on #A1DBE8 2.38:1 Fail
Aa #DC549E on #4C4C4C 2.37:1 Fail
Aa #5F2C83 on #168788 2.23:1 Fail
Aa #DC549E on #9BD08D 2.03:1 Fail
Aa #DC549E on #972582 2.00:1 Fail
Aa #168788 on #4C4C4C 1.99:1 Fail
Aa #972582 on #333333 1.75:1 Fail
Aa #972582 on #168788 1.67:1 Fail
Aa #4C4C4C on #333333 1.47:1 Fail
Aa #972582 on #5F2C83 1.33:1 Fail
Aa #5F2C83 on #333333 1.31:1 Fail
Aa #DC549E on #168788 1.20:1 Fail
Aa #972582 on #4C4C4C 1.19:1 Fail
Aa #A1DBE8 on #9BD08D 1.17:1 Fail
Aa #5F2C83 on #4C4C4C 1.12: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