Sign Up Sign Up
Soup11

Soup11

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Soup11

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

Modify
Earthy 11 colors Warm Mixed Complementary red blue 11 colors
Likes 43
Colors 11

CSS variables

:root {
  --c-earthy-1: #4F1E45;
  --c-earthy-2: #963057;
  --c-earthy-3: #D74459;
  --c-earthy-4: #EB7060;
  --c-earthy-5: #FFB383;
  --c-earthy-6: #FFFFFF;
  --c-earthy-7: #7FE3BB;
  --c-earthy-8: #5CBBC4;
  --c-earthy-9: #457EA3;
  --c-earthy-10: #384276;
  --c-earthy-11: #322451;
}

About this palette

This 11-color earthy palette runs from White (#FFFFFF) as its lightest tone to Powerful Violet (#322451) as its darkest. It blends Prestige Mauve, Figue Pulp, Geranium, Autumn Enchantment, Sassy Peach, White, Āsmānī Sky, Pharaoh’s Seas, Lake Henry, Lviv Blue and Powerful Violet into a single set you can drop straight into a UI. Of its 55 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #322451 at 13.94:1.

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

Color breakdown

Prestige Mauve #4F1E45
RGB
rgb(79, 30, 69)
HSL
hsl(312, 45%, 21%)
Luminance
0.030
Figue Pulp #963057
RGB
rgb(150, 48, 87)
HSL
hsl(337, 52%, 39%)
Luminance
0.093
Geranium #D74459
RGB
rgb(215, 68, 89)
HSL
hsl(351, 65%, 55%)
Luminance
0.193
Autumn Enchantment #EB7060
RGB
rgb(235, 112, 96)
HSL
hsl(7, 78%, 65%)
Luminance
0.301
Sassy Peach #FFB383
RGB
rgb(255, 179, 131)
HSL
hsl(23, 100%, 76%)
Luminance
0.551
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Āsmānī Sky #7FE3BB
RGB
rgb(127, 227, 187)
HSL
hsl(156, 64%, 69%)
Luminance
0.630
Pharaoh’s Seas #5CBBC4
RGB
rgb(92, 187, 196)
HSL
hsl(185, 47%, 56%)
Luminance
0.418
Lake Henry #457EA3
RGB
rgb(69, 126, 163)
HSL
hsl(204, 41%, 45%)
Luminance
0.188
Lviv Blue #384276
RGB
rgb(56, 66, 118)
HSL
hsl(230, 36%, 34%)
Luminance
0.061
Powerful Violet #322451
RGB
rgb(50, 36, 81)
HSL
hsl(259, 38%, 23%)
Luminance
0.025

Contrast & accessibility

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

Aa #FFFFFF on #322451 13.94:1 AAA
Aa #4F1E45 on #FFFFFF 13.09:1 AAA
Aa #FFFFFF on #384276 9.51:1 AAA
Aa #7FE3BB on #322451 9.03:1 AAA
Aa #4F1E45 on #7FE3BB 8.48:1 AAA
Aa #FFB383 on #322451 7.98:1 AAA
Aa #4F1E45 on #FFB383 7.50:1 AAA
Aa #963057 on #FFFFFF 7.35:1 AAA
Aa #5CBBC4 on #322451 6.21:1 AA
Aa #7FE3BB on #384276 6.16:1 AA
Aa #4F1E45 on #5CBBC4 5.84:1 AA
Aa #FFB383 on #384276 5.44:1 AA
Aa #963057 on #7FE3BB 4.76:1 AA
Aa #EB7060 on #322451 4.66:1 AA
Aa #FFFFFF on #457EA3 4.41:1 AA Large
Aa #4F1E45 on #EB7060 4.38:1 AA Large
Aa #D74459 on #FFFFFF 4.32:1 AA Large
Aa #5CBBC4 on #384276 4.24:1 AA Large
Aa #963057 on #FFB383 4.21:1 AA Large
Aa #963057 on #5CBBC4 3.28:1 AA Large
Aa #D74459 on #322451 3.23:1 AA Large
Aa #EB7060 on #384276 3.18:1 AA Large
Aa #457EA3 on #322451 3.16:1 AA Large
Aa #4F1E45 on #D74459 3.03:1 AA Large
Aa #EB7060 on #FFFFFF 2.99:1 Fail
Aa #4F1E45 on #457EA3 2.97:1 Fail
Aa #7FE3BB on #457EA3 2.85:1 Fail
Aa #D74459 on #7FE3BB 2.80:1 Fail
Aa #FFB383 on #457EA3 2.52:1 Fail
Aa #D74459 on #FFB383 2.47:1 Fail
Aa #963057 on #EB7060 2.46:1 Fail
Aa #FFFFFF on #5CBBC4 2.24:1 Fail
Aa #D74459 on #384276 2.20:1 Fail
Aa #457EA3 on #384276 2.16:1 Fail
Aa #5CBBC4 on #457EA3 1.96:1 Fail
Aa #EB7060 on #7FE3BB 1.94:1 Fail
Aa #D74459 on #5CBBC4 1.93:1 Fail
Aa #963057 on #322451 1.90:1 Fail
Aa #4F1E45 on #963057 1.78:1 Fail
Aa #FFB383 on #FFFFFF 1.75:1 Fail
Aa #EB7060 on #FFB383 1.71:1 Fail
Aa #963057 on #D74459 1.70:1 Fail
Aa #963057 on #457EA3 1.67:1 Fail
Aa #FFFFFF on #7FE3BB 1.54:1 Fail
Aa #EB7060 on #457EA3 1.47:1 Fail
Aa #384276 on #322451 1.47:1 Fail
Aa #7FE3BB on #5CBBC4 1.45:1 Fail
Aa #D74459 on #EB7060 1.44:1 Fail
Aa #4F1E45 on #384276 1.38:1 Fail
Aa #EB7060 on #5CBBC4 1.33:1 Fail
Aa #963057 on #384276 1.29:1 Fail
Aa #FFB383 on #5CBBC4 1.28:1 Fail
Aa #FFB383 on #7FE3BB 1.13:1 Fail
Aa #4F1E45 on #322451 1.06:1 Fail
Aa #D74459 on #457EA3 1.02: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