Sign Up Sign Up
TY Blue Moon 12

TY Blue Moon 12

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

TY Blue Moon 12

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

Modify
Earthy 12 colors Warm Mixed Complementary
Likes 21
Colors 12

CSS variables

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #96A78E;
  --c-earthy-3: #55656D;
  --c-earthy-4: #1B3A4E;
  --c-earthy-5: #7A6260;
  --c-earthy-6: #5A4256;
  --c-earthy-7: #58372E;
  --c-earthy-8: #A79A6C;
  --c-earthy-9: #877041;
  --c-earthy-10: #535127;
  --c-earthy-11: #2A2411;
  --c-earthy-12: #040505;
}

About this palette

This 12-color earthy palette runs from Found Fossil (#DECEB4) as its lightest tone to Black Metal (#040505) as its darkest. It blends Found Fossil, Zucchini Cream, Plot Twist, Subterranean River, Raisin in the Sun, Dreamy Heaven, Terra Brun, Sunbaked Adobe, Siam Gold, Bronze Olive, Coffee Grounds and Black Metal into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DECEB4 on #040505 at 13.21:1.

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

Color breakdown

Found Fossil #DECEB4
RGB
rgb(222, 206, 180)
HSL
hsl(37, 39%, 79%)
Luminance
0.630
Zucchini Cream #96A78E
RGB
rgb(150, 167, 142)
HSL
hsl(101, 12%, 61%)
Luminance
0.361
Plot Twist #55656D
RGB
rgb(85, 101, 109)
HSL
hsl(200, 12%, 38%)
Luminance
0.123
Subterranean River #1B3A4E
RGB
rgb(27, 58, 78)
HSL
hsl(204, 49%, 21%)
Luminance
0.038
Raisin in the Sun #7A6260
RGB
rgb(122, 98, 96)
HSL
hsl(5, 12%, 43%)
Luminance
0.137
Dreamy Heaven #5A4256
RGB
rgb(90, 66, 86)
HSL
hsl(310, 15%, 31%)
Luminance
0.067
Terra Brun #58372E
RGB
rgb(88, 55, 46)
HSL
hsl(13, 31%, 26%)
Luminance
0.050
Sunbaked Adobe #A79A6C
RGB
rgb(167, 154, 108)
HSL
hsl(47, 25%, 54%)
Luminance
0.324
Siam Gold #877041
RGB
rgb(135, 112, 65)
HSL
hsl(40, 35%, 39%)
Luminance
0.171
Bronze Olive #535127
RGB
rgb(83, 81, 39)
HSL
hsl(57, 36%, 24%)
Luminance
0.079
Coffee Grounds #2A2411
RGB
rgb(42, 36, 17)
HSL
hsl(46, 42%, 12%)
Luminance
0.018
Black Metal #040505
RGB
rgb(4, 5, 5)
HSL
hsl(180, 11%, 2%)
Luminance
0.002

Contrast & accessibility

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

Aa #DECEB4 on #040505 13.21:1 AAA
Aa #DECEB4 on #2A2411 10.00:1 AAA
Aa #96A78E on #040505 7.98:1 AAA
Aa #DECEB4 on #1B3A4E 7.72:1 AAA
Aa #A79A6C on #040505 7.27:1 AAA
Aa #DECEB4 on #58372E 6.79:1 AA
Aa #96A78E on #2A2411 6.05:1 AA
Aa #DECEB4 on #5A4256 5.79:1 AA
Aa #A79A6C on #2A2411 5.51:1 AA
Aa #DECEB4 on #535127 5.28:1 AA
Aa #96A78E on #1B3A4E 4.66:1 AA
Aa #877041 on #040505 4.30:1 AA Large
Aa #1B3A4E on #A79A6C 4.25:1 AA Large
Aa #96A78E on #58372E 4.11:1 AA Large
Aa #DECEB4 on #55656D 3.92:1 AA Large
Aa #58372E on #A79A6C 3.74:1 AA Large
Aa #7A6260 on #040505 3.64:1 AA Large
Aa #DECEB4 on #7A6260 3.63:1 AA Large
Aa #96A78E on #5A4256 3.50:1 AA Large
Aa #55656D on #040505 3.37:1 AA Large
Aa #877041 on #2A2411 3.26:1 AA Large
Aa #96A78E on #535127 3.19:1 AA Large
Aa #5A4256 on #A79A6C 3.19:1 AA Large
Aa #DECEB4 on #877041 3.07:1 AA Large
Aa #A79A6C on #535127 2.91:1 Fail
Aa #7A6260 on #2A2411 2.75:1 Fail
Aa #55656D on #2A2411 2.55:1 Fail
Aa #1B3A4E on #877041 2.51:1 Fail
Aa #535127 on #040505 2.50:1 Fail
Aa #96A78E on #55656D 2.37:1 Fail
Aa #5A4256 on #040505 2.28:1 Fail
Aa #58372E on #877041 2.21:1 Fail
Aa #96A78E on #7A6260 2.19:1 Fail
Aa #55656D on #A79A6C 2.16:1 Fail
Aa #1B3A4E on #7A6260 2.12:1 Fail
Aa #7A6260 on #A79A6C 2.00:1 Fail
Aa #55656D on #1B3A4E 1.97:1 Fail
Aa #58372E on #040505 1.94:1 Fail
Aa #535127 on #2A2411 1.89:1 Fail
Aa #5A4256 on #877041 1.88:1 Fail
Aa #7A6260 on #58372E 1.87:1 Fail
Aa #96A78E on #877041 1.86:1 Fail
Aa #DECEB4 on #A79A6C 1.82:1 Fail
Aa #55656D on #58372E 1.73:1 Fail
Aa #5A4256 on #2A2411 1.73:1 Fail
Aa #877041 on #535127 1.72:1 Fail
Aa #1B3A4E on #040505 1.71:1 Fail
Aa #A79A6C on #877041 1.69:1 Fail
Aa #DECEB4 on #96A78E 1.65:1 Fail
Aa #7A6260 on #5A4256 1.59:1 Fail
Aa #55656D on #5A4256 1.48:1 Fail
Aa #58372E on #2A2411 1.47:1 Fail
Aa #1B3A4E on #535127 1.46:1 Fail
Aa #7A6260 on #535127 1.45:1 Fail
Aa #55656D on #535127 1.35:1 Fail
Aa #1B3A4E on #5A4256 1.33:1 Fail
Aa #2A2411 on #040505 1.32:1 Fail
Aa #1B3A4E on #2A2411 1.30:1 Fail
Aa #58372E on #535127 1.29:1 Fail
Aa #55656D on #877041 1.28:1 Fail
Aa #7A6260 on #877041 1.18:1 Fail
Aa #5A4256 on #58372E 1.17:1 Fail
Aa #1B3A4E on #58372E 1.14:1 Fail
Aa #96A78E on #A79A6C 1.10:1 Fail
Aa #5A4256 on #535127 1.10:1 Fail
Aa #55656D on #7A6260 1.08: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