Sign Up Sign Up
Pixelart SMP Z1

Pixelart SMP Z1

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Pixelart SMP Z1

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

Modify
Earthy 11 colors Warm Mixed Complementary
Likes 6
Colors 11

CSS variables

:root {
  --c-earthy-1: #9FCC2D;
  --c-earthy-2: #EBDC34;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #992B6D;
  --c-earthy-5: #6C2682;
  --c-earthy-6: #231047;
  --c-earthy-7: #C4914E;
  --c-earthy-8: #80ADAC;
  --c-earthy-9: #B532A6;
  --c-earthy-10: #4D96D1;
  --c-earthy-11: #448D94;
}

About this palette

This 11-color earthy palette runs from White (#FFFFFF) as its lightest tone to Shadow Planet (#231047) as its darkest. It blends Lucky Lime, Juicy Jackfruit, White, Amaranth Deep Purple, Sapphire Siren, Shadow Planet, Light Copper, Galaxy Green, San Francisco Pink, Blue Tourmaline and Blue Chill into a single set you can drop straight into a UI. Of its 55 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #231047 at 16.98:1.

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

Color breakdown

Lucky Lime #9FCC2D
RGB
rgb(159, 204, 45)
HSL
hsl(77, 64%, 49%)
Luminance
0.508
Juicy Jackfruit #EBDC34
RGB
rgb(235, 220, 52)
HSL
hsl(55, 82%, 56%)
Luminance
0.691
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Amaranth Deep Purple #992B6D
RGB
rgb(153, 43, 109)
HSL
hsl(324, 56%, 38%)
Luminance
0.096
Sapphire Siren #6C2682
RGB
rgb(108, 38, 130)
HSL
hsl(286, 55%, 33%)
Luminance
0.062
Shadow Planet #231047
RGB
rgb(35, 16, 71)
HSL
hsl(261, 63%, 17%)
Luminance
0.012
Light Copper #C4914E
RGB
rgb(196, 145, 78)
HSL
hsl(34, 50%, 54%)
Luminance
0.325
Galaxy Green #80ADAC
RGB
rgb(128, 173, 172)
HSL
hsl(179, 22%, 59%)
Luminance
0.375
San Francisco Pink #B532A6
RGB
rgb(181, 50, 166)
HSL
hsl(307, 57%, 45%)
Luminance
0.149
Blue Tourmaline #4D96D1
RGB
rgb(77, 150, 209)
HSL
hsl(207, 59%, 56%)
Luminance
0.280
Blue Chill #448D94
RGB
rgb(68, 141, 148)
HSL
hsl(185, 37%, 42%)
Luminance
0.224

Contrast & accessibility

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

Aa #FFFFFF on #231047 16.98:1 AAA
Aa #EBDC34 on #231047 11.98:1 AAA
Aa #FFFFFF on #6C2682 9.39:1 AAA
Aa #9FCC2D on #231047 9.02:1 AAA
Aa #FFFFFF on #992B6D 7.19:1 AAA
Aa #231047 on #80ADAC 6.87:1 AA
Aa #EBDC34 on #6C2682 6.62:1 AA
Aa #231047 on #C4914E 6.07:1 AA
Aa #231047 on #4D96D1 5.34:1 AA
Aa #FFFFFF on #B532A6 5.29:1 AA
Aa #EBDC34 on #992B6D 5.07:1 AA
Aa #9FCC2D on #6C2682 4.98:1 AA
Aa #231047 on #448D94 4.43:1 AA Large
Aa #FFFFFF on #448D94 3.83:1 AA Large
Aa #9FCC2D on #992B6D 3.82:1 AA Large
Aa #6C2682 on #80ADAC 3.80:1 AA Large
Aa #EBDC34 on #B532A6 3.73:1 AA Large
Aa #6C2682 on #C4914E 3.36:1 AA Large
Aa #231047 on #B532A6 3.21:1 AA Large
Aa #FFFFFF on #4D96D1 3.18:1 AA Large
Aa #6C2682 on #4D96D1 2.95:1 Fail
Aa #992B6D on #80ADAC 2.91:1 Fail
Aa #9FCC2D on #B532A6 2.81:1 Fail
Aa #FFFFFF on #C4914E 2.80:1 Fail
Aa #EBDC34 on #448D94 2.70:1 Fail
Aa #992B6D on #C4914E 2.57:1 Fail
Aa #FFFFFF on #80ADAC 2.47:1 Fail
Aa #6C2682 on #448D94 2.45:1 Fail
Aa #992B6D on #231047 2.36:1 Fail
Aa #992B6D on #4D96D1 2.26:1 Fail
Aa #EBDC34 on #4D96D1 2.25:1 Fail
Aa #80ADAC on #B532A6 2.14:1 Fail
Aa #9FCC2D on #448D94 2.03:1 Fail
Aa #EBDC34 on #C4914E 1.97:1 Fail
Aa #C4914E on #B532A6 1.89:1 Fail
Aa #9FCC2D on #FFFFFF 1.88:1 Fail
Aa #992B6D on #448D94 1.88:1 Fail
Aa #6C2682 on #231047 1.81:1 Fail
Aa #6C2682 on #B532A6 1.78:1 Fail
Aa #EBDC34 on #80ADAC 1.75:1 Fail
Aa #9FCC2D on #4D96D1 1.69:1 Fail
Aa #B532A6 on #4D96D1 1.66:1 Fail
Aa #80ADAC on #448D94 1.55:1 Fail
Aa #9FCC2D on #C4914E 1.49:1 Fail
Aa #EBDC34 on #FFFFFF 1.42:1 Fail
Aa #B532A6 on #448D94 1.38:1 Fail
Aa #C4914E on #448D94 1.37:1 Fail
Aa #992B6D on #B532A6 1.36:1 Fail
Aa #9FCC2D on #EBDC34 1.33:1 Fail
Aa #9FCC2D on #80ADAC 1.31:1 Fail
Aa #992B6D on #6C2682 1.31:1 Fail
Aa #80ADAC on #4D96D1 1.29:1 Fail
Aa #4D96D1 on #448D94 1.20:1 Fail
Aa #C4914E on #4D96D1 1.14:1 Fail
Aa #C4914E on #80ADAC 1.13: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