Sign Up Sign Up
ANGELIC

ANGELIC

10-color palette · Warm · Mixed · Triadic harmony

Back to Library

ANGELIC

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

Modify
Earthy 10 colors Warm Mixed Triadic gray grey moody sun
Likes 89
Colors 10

CSS variables

:root {
  --c-earthy-1: #E9DB71;
  --c-earthy-2: #BF9C57;
  --c-earthy-3: #8C8781;
  --c-earthy-4: #91806A;
  --c-earthy-5: #667F7F;
  --c-earthy-6: #925C89;
  --c-earthy-7: #7D6969;
  --c-earthy-8: #70615B;
  --c-earthy-9: #645169;
  --c-earthy-10: #703D46;
}

About this palette

This 10-color earthy palette runs from Plastic Lime (#E9DB71) as its lightest tone to Wild Cranberry (#703D46) as its darkest. It blends Plastic Lime, Steampunk Gold, Petrified, Sofisticata, Rock Creek, Plum Savour, Patchwork Plum, Fozzie Bear, Blackberry Farm and Wild Cranberry into a single set you can drop straight into a UI. Of its 45 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E9DB71 on #703D46 at 6.07:1.

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

Color breakdown

Plastic Lime #E9DB71
RGB
rgb(233, 219, 113)
HSL
hsl(53, 73%, 68%)
Luminance
0.692
Steampunk Gold #BF9C57
RGB
rgb(191, 156, 87)
HSL
hsl(40, 45%, 55%)
Luminance
0.355
Petrified #8C8781
RGB
rgb(140, 135, 129)
HSL
hsl(33, 5%, 53%)
Luminance
0.245
Sofisticata #91806A
RGB
rgb(145, 128, 106)
HSL
hsl(34, 16%, 49%)
Luminance
0.225
Rock Creek #667F7F
RGB
rgb(102, 127, 127)
HSL
hsl(180, 11%, 45%)
Luminance
0.195
Plum Savour #925C89
RGB
rgb(146, 92, 137)
HSL
hsl(310, 23%, 47%)
Luminance
0.156
Patchwork Plum #7D6969
RGB
rgb(125, 105, 105)
HSL
hsl(0, 9%, 45%)
Luminance
0.155
Fozzie Bear #70615B
RGB
rgb(112, 97, 91)
HSL
hsl(17, 10%, 40%)
Luminance
0.128
Blackberry Farm #645169
RGB
rgb(100, 81, 105)
HSL
hsl(288, 13%, 36%)
Luminance
0.096
Wild Cranberry #703D46
RGB
rgb(112, 61, 70)
HSL
hsl(349, 29%, 34%)
Luminance
0.072

Contrast & accessibility

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

Aa #E9DB71 on #703D46 6.07:1 AA
Aa #E9DB71 on #645169 5.08:1 AA
Aa #E9DB71 on #70615B 4.18:1 AA Large
Aa #E9DB71 on #7D6969 3.62:1 AA Large
Aa #E9DB71 on #925C89 3.61:1 AA Large
Aa #BF9C57 on #703D46 3.32:1 AA Large
Aa #E9DB71 on #667F7F 3.02:1 AA Large
Aa #BF9C57 on #645169 2.77:1 Fail
Aa #E9DB71 on #91806A 2.70:1 Fail
Aa #E9DB71 on #8C8781 2.52:1 Fail
Aa #8C8781 on #703D46 2.41:1 Fail
Aa #BF9C57 on #70615B 2.28:1 Fail
Aa #91806A on #703D46 2.25:1 Fail
Aa #8C8781 on #645169 2.02:1 Fail
Aa #667F7F on #703D46 2.01:1 Fail
Aa #BF9C57 on #7D6969 1.98:1 Fail
Aa #BF9C57 on #925C89 1.97:1 Fail
Aa #91806A on #645169 1.88:1 Fail
Aa #E9DB71 on #BF9C57 1.83:1 Fail
Aa #667F7F on #645169 1.68:1 Fail
Aa #925C89 on #703D46 1.68:1 Fail
Aa #7D6969 on #703D46 1.68:1 Fail
Aa #8C8781 on #70615B 1.66:1 Fail
Aa #BF9C57 on #667F7F 1.65:1 Fail
Aa #91806A on #70615B 1.55:1 Fail
Aa #BF9C57 on #91806A 1.47:1 Fail
Aa #70615B on #703D46 1.45:1 Fail
Aa #8C8781 on #7D6969 1.44:1 Fail
Aa #8C8781 on #925C89 1.43:1 Fail
Aa #925C89 on #645169 1.41:1 Fail
Aa #7D6969 on #645169 1.40:1 Fail
Aa #667F7F on #70615B 1.38:1 Fail
Aa #BF9C57 on #8C8781 1.37:1 Fail
Aa #91806A on #925C89 1.34:1 Fail
Aa #91806A on #7D6969 1.34:1 Fail
Aa #70615B on #645169 1.21:1 Fail
Aa #8C8781 on #667F7F 1.20:1 Fail
Aa #667F7F on #7D6969 1.20:1 Fail
Aa #645169 on #703D46 1.20:1 Fail
Aa #667F7F on #925C89 1.19:1 Fail
Aa #925C89 on #70615B 1.16:1 Fail
Aa #7D6969 on #70615B 1.15:1 Fail
Aa #91806A on #667F7F 1.12:1 Fail
Aa #8C8781 on #91806A 1.07:1 Fail
Aa #925C89 on #7D6969 1.00: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