Sign Up Sign Up
AKC12

AKC12

12-color palette · Cool · Mixed · Complementary harmony

Back to Library

AKC12

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

Modify
Earthy 12 colors Cool Mixed Complementary retro hardware computer
Likes 339
Colors 12

CSS variables

:root {
  --c-earthy-1: #201127;
  --c-earthy-2: #201433;
  --c-earthy-3: #1B1E34;
  --c-earthy-4: #355D68;
  --c-earthy-5: #6AAF9D;
  --c-earthy-6: #94C5AC;
  --c-earthy-7: #FFEB99;
  --c-earthy-8: #FFC27A;
  --c-earthy-9: #EC9A6D;
  --c-earthy-10: #D9626B;
  --c-earthy-11: #C24B6E;
  --c-earthy-12: #A73169;
}

About this palette

This 12-color earthy palette runs from Old Yella (#FFEB99) as its lightest tone to Inside (#201127) as its darkest. It blends Inside, Blacklist, Sombre Night, Under the Sea, Green Crush, Bella Green, Old Yella, Zing, Inventive Orange, Berrylicious, Vibrant Red and Rich Maroon into a single set you can drop straight into a UI. Of its 66 color pairings, 21 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #201127 on #FFEB99 at 15.03:1.

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

Color breakdown

Inside #201127
RGB
rgb(32, 17, 39)
HSL
hsl(281, 39%, 11%)
Luminance
0.009
Blacklist #201433
RGB
rgb(32, 20, 51)
HSL
hsl(263, 44%, 14%)
Luminance
0.011
Sombre Night #1B1E34
RGB
rgb(27, 30, 52)
HSL
hsl(233, 32%, 15%)
Luminance
0.014
Under the Sea #355D68
RGB
rgb(53, 93, 104)
HSL
hsl(193, 32%, 31%)
Luminance
0.096
Green Crush #6AAF9D
RGB
rgb(106, 175, 157)
HSL
hsl(164, 30%, 55%)
Luminance
0.362
Bella Green #94C5AC
RGB
rgb(148, 197, 172)
HSL
hsl(149, 30%, 68%)
Luminance
0.492
Old Yella #FFEB99
RGB
rgb(255, 235, 153)
HSL
hsl(48, 100%, 80%)
Luminance
0.830
Zing #FFC27A
RGB
rgb(255, 194, 122)
HSL
hsl(32, 100%, 74%)
Luminance
0.613
Inventive Orange #EC9A6D
RGB
rgb(236, 154, 109)
HSL
hsl(21, 77%, 68%)
Luminance
0.421
Berrylicious #D9626B
RGB
rgb(217, 98, 107)
HSL
hsl(355, 61%, 62%)
Luminance
0.246
Vibrant Red #C24B6E
RGB
rgb(194, 75, 110)
HSL
hsl(342, 49%, 53%)
Luminance
0.176
Rich Maroon #A73169
RGB
rgb(167, 49, 105)
HSL
hsl(332, 55%, 42%)
Luminance
0.114

Contrast & accessibility

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

Aa #201127 on #FFEB99 15.03:1 AAA
Aa #201433 on #FFEB99 14.55:1 AAA
Aa #1B1E34 on #FFEB99 13.73:1 AAA
Aa #201127 on #FFC27A 11.32:1 AAA
Aa #201433 on #FFC27A 10.96:1 AAA
Aa #1B1E34 on #FFC27A 10.34:1 AAA
Aa #201127 on #94C5AC 9.26:1 AAA
Aa #201433 on #94C5AC 8.97:1 AAA
Aa #1B1E34 on #94C5AC 8.46:1 AAA
Aa #201127 on #EC9A6D 8.04:1 AAA
Aa #201433 on #EC9A6D 7.78:1 AAA
Aa #1B1E34 on #EC9A6D 7.34:1 AAA
Aa #201127 on #6AAF9D 7.03:1 AAA
Aa #201433 on #6AAF9D 6.81:1 AA
Aa #1B1E34 on #6AAF9D 6.42:1 AA
Aa #355D68 on #FFEB99 6.03:1 AA
Aa #FFEB99 on #A73169 5.35:1 AA
Aa #201127 on #D9626B 5.05:1 AA
Aa #201433 on #D9626B 4.89:1 AA
Aa #1B1E34 on #D9626B 4.61:1 AA
Aa #355D68 on #FFC27A 4.54:1 AA
Aa #FFC27A on #A73169 4.03:1 AA Large
Aa #FFEB99 on #C24B6E 3.89:1 AA Large
Aa #201127 on #C24B6E 3.86:1 AA Large
Aa #201433 on #C24B6E 3.74:1 AA Large
Aa #355D68 on #94C5AC 3.72:1 AA Large
Aa #1B1E34 on #C24B6E 3.53:1 AA Large
Aa #94C5AC on #A73169 3.30:1 AA Large
Aa #355D68 on #EC9A6D 3.23:1 AA Large
Aa #FFEB99 on #D9626B 2.98:1 Fail
Aa #FFC27A on #C24B6E 2.93:1 Fail
Aa #EC9A6D on #A73169 2.86:1 Fail
Aa #355D68 on #6AAF9D 2.82:1 Fail
Aa #201127 on #A73169 2.81:1 Fail
Aa #201433 on #A73169 2.72:1 Fail
Aa #1B1E34 on #A73169 2.56:1 Fail
Aa #6AAF9D on #A73169 2.50:1 Fail
Aa #201127 on #355D68 2.49:1 Fail
Aa #201433 on #355D68 2.41:1 Fail
Aa #94C5AC on #C24B6E 2.40:1 Fail
Aa #1B1E34 on #355D68 2.28:1 Fail
Aa #FFC27A on #D9626B 2.24:1 Fail
Aa #6AAF9D on #FFEB99 2.14:1 Fail
Aa #EC9A6D on #C24B6E 2.08:1 Fail
Aa #355D68 on #D9626B 2.03:1 Fail
Aa #FFEB99 on #EC9A6D 1.87:1 Fail
Aa #94C5AC on #D9626B 1.83:1 Fail
Aa #6AAF9D on #C24B6E 1.82:1 Fail
Aa #D9626B on #A73169 1.80:1 Fail
Aa #94C5AC on #FFEB99 1.62:1 Fail
Aa #6AAF9D on #FFC27A 1.61:1 Fail
Aa #EC9A6D on #D9626B 1.59:1 Fail
Aa #355D68 on #C24B6E 1.55:1 Fail
Aa #FFC27A on #EC9A6D 1.41:1 Fail
Aa #6AAF9D on #D9626B 1.39:1 Fail
Aa #C24B6E on #A73169 1.38:1 Fail
Aa #FFEB99 on #FFC27A 1.33:1 Fail
Aa #6AAF9D on #94C5AC 1.32:1 Fail
Aa #D9626B on #C24B6E 1.31:1 Fail
Aa #94C5AC on #FFC27A 1.22:1 Fail
Aa #94C5AC on #EC9A6D 1.15:1 Fail
Aa #6AAF9D on #EC9A6D 1.14:1 Fail
Aa #355D68 on #A73169 1.13:1 Fail
Aa #201127 on #1B1E34 1.09:1 Fail
Aa #201433 on #1B1E34 1.06:1 Fail
Aa #201127 on #201433 1.03: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