Sign Up Sign Up
Jolly Elf

Jolly Elf

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

Jolly Elf

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

Modify
Earthy 10 colors Warm Mixed Complementary enzogray holidays
Likes 16
Colors 10

CSS variables

:root {
  --c-earthy-1: #A64848;
  --c-earthy-2: #E96464;
  --c-earthy-3: #CDB195;
  --c-earthy-4: #EBCCAE;
  --c-earthy-5: #C6C9BD;
  --c-earthy-6: #ECF0DA;
  --c-earthy-7: #383857;
  --c-earthy-8: #5254B1;
  --c-earthy-9: #5B6EE1;
  --c-earthy-10: #639BFF;
}

About this palette

This 10-color earthy palette runs from Memoir (#ECF0DA) as its lightest tone to Magic Night (#383857) as its darkest. It blends Royal Rum, Coral Commander, Beige Ganesh, Sandpoint, Dust Green, Memoir, Magic Night, Brandywine Raspberry, Thick Blue and Blue Chaos into a single set you can drop straight into a UI. Of its 45 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #ECF0DA on #383857 at 9.64:1.

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

Color breakdown

Royal Rum #A64848
RGB
rgb(166, 72, 72)
HSL
hsl(0, 39%, 47%)
Luminance
0.132
Coral Commander #E96464
RGB
rgb(233, 100, 100)
HSL
hsl(0, 75%, 65%)
Luminance
0.274
Beige Ganesh #CDB195
RGB
rgb(205, 177, 149)
HSL
hsl(30, 36%, 69%)
Luminance
0.466
Sandpoint #EBCCAE
RGB
rgb(235, 204, 174)
HSL
hsl(30, 60%, 80%)
Luminance
0.639
Dust Green #C6C9BD
RGB
rgb(198, 201, 189)
HSL
hsl(75, 10%, 76%)
Luminance
0.575
Memoir #ECF0DA
RGB
rgb(236, 240, 218)
HSL
hsl(71, 42%, 90%)
Luminance
0.852
Magic Night #383857
RGB
rgb(56, 56, 87)
HSL
hsl(240, 22%, 28%)
Luminance
0.044
Brandywine Raspberry #5254B1
RGB
rgb(82, 84, 177)
HSL
hsl(239, 38%, 51%)
Luminance
0.113
Thick Blue #5B6EE1
RGB
rgb(91, 110, 225)
HSL
hsl(231, 69%, 62%)
Luminance
0.188
Blue Chaos #639BFF
RGB
rgb(99, 155, 255)
HSL
hsl(218, 100%, 69%)
Luminance
0.333

Contrast & accessibility

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

Aa #ECF0DA on #383857 9.64:1 AAA
Aa #EBCCAE on #383857 7.36:1 AAA
Aa #C6C9BD on #383857 6.67:1 AA
Aa #ECF0DA on #5254B1 5.53:1 AA
Aa #CDB195 on #383857 5.51:1 AA
Aa #A64848 on #ECF0DA 4.95:1 AA
Aa #EBCCAE on #5254B1 4.22:1 AA Large
Aa #383857 on #639BFF 4.09:1 AA Large
Aa #C6C9BD on #5254B1 3.83:1 AA Large
Aa #ECF0DA on #5B6EE1 3.79:1 AA Large
Aa #A64848 on #EBCCAE 3.78:1 AA Large
Aa #E96464 on #383857 3.46:1 AA Large
Aa #A64848 on #C6C9BD 3.43:1 AA Large
Aa #CDB195 on #5254B1 3.16:1 AA Large
Aa #EBCCAE on #5B6EE1 2.89:1 Fail
Aa #A64848 on #CDB195 2.83:1 Fail
Aa #E96464 on #ECF0DA 2.79:1 Fail
Aa #C6C9BD on #5B6EE1 2.62:1 Fail
Aa #383857 on #5B6EE1 2.54:1 Fail
Aa #ECF0DA on #639BFF 2.35:1 Fail
Aa #5254B1 on #639BFF 2.35:1 Fail
Aa #CDB195 on #5B6EE1 2.17:1 Fail
Aa #E96464 on #EBCCAE 2.13:1 Fail
Aa #A64848 on #639BFF 2.10:1 Fail
Aa #E96464 on #5254B1 1.98:1 Fail
Aa #A64848 on #383857 1.95:1 Fail
Aa #E96464 on #C6C9BD 1.93:1 Fail
Aa #EBCCAE on #639BFF 1.80:1 Fail
Aa #A64848 on #E96464 1.78:1 Fail
Aa #CDB195 on #ECF0DA 1.75:1 Fail
Aa #383857 on #5254B1 1.74:1 Fail
Aa #C6C9BD on #639BFF 1.63:1 Fail
Aa #5B6EE1 on #639BFF 1.61:1 Fail
Aa #E96464 on #CDB195 1.59:1 Fail
Aa #5254B1 on #5B6EE1 1.46:1 Fail
Aa #C6C9BD on #ECF0DA 1.44:1 Fail
Aa #E96464 on #5B6EE1 1.36:1 Fail
Aa #CDB195 on #639BFF 1.35:1 Fail
Aa #CDB195 on #EBCCAE 1.34:1 Fail
Aa #A64848 on #5B6EE1 1.31:1 Fail
Aa #EBCCAE on #ECF0DA 1.31:1 Fail
Aa #CDB195 on #C6C9BD 1.21:1 Fail
Aa #E96464 on #639BFF 1.18:1 Fail
Aa #A64848 on #5254B1 1.12:1 Fail
Aa #EBCCAE on #C6C9BD 1.10: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