Sign Up Sign Up
Lumpy Platformer

Lumpy Platformer

5-color palette · Warm · Mixed · Triadic harmony

Back to Library

Lumpy Platformer

5-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 5 colors Warm Mixed Triadic
Likes 26
Colors 5

CSS variables

:root {
  --c-earthy-1: #36253B;
  --c-earthy-2: #5B4B61;
  --c-earthy-3: #816166;
  --c-earthy-4: #BCA67E;
  --c-earthy-5: #EADD96;
}

About this palette

This 5-color earthy palette runs from Wild Primrose (#EADD96) as its lightest tone to Kokimurasaki Purple (#36253B) as its darkest. It blends Kokimurasaki Purple, Plush Purple, Celine, Sonora Hills and Wild Primrose into a single set you can drop straight into a UI. Of its 10 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #36253B on #EADD96 at 10.29:1.

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

Color breakdown

Kokimurasaki Purple #36253B
RGB
rgb(54, 37, 59)
HSL
hsl(286, 23%, 19%)
Luminance
0.024
Plush Purple #5B4B61
RGB
rgb(91, 75, 97)
HSL
hsl(284, 13%, 34%)
Luminance
0.081
Celine #816166
RGB
rgb(129, 97, 102)
HSL
hsl(351, 14%, 44%)
Luminance
0.142
Sonora Hills #BCA67E
RGB
rgb(188, 166, 126)
HSL
hsl(39, 32%, 62%)
Luminance
0.395
Wild Primrose #EADD96
RGB
rgb(234, 221, 150)
HSL
hsl(51, 67%, 75%)
Luminance
0.714

Contrast & accessibility

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

Aa #36253B on #EADD96 10.29:1 AAA
Aa #36253B on #BCA67E 5.99:1 AA
Aa #5B4B61 on #EADD96 5.82:1 AA
Aa #816166 on #EADD96 3.98:1 AA Large
Aa #5B4B61 on #BCA67E 3.39:1 AA Large
Aa #36253B on #816166 2.58:1 Fail
Aa #816166 on #BCA67E 2.32:1 Fail
Aa #36253B on #5B4B61 1.77:1 Fail
Aa #BCA67E on #EADD96 1.72:1 Fail
Aa #5B4B61 on #816166 1.46: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