Sign Up Sign Up
Sorbet Special

Sorbet Special

12-color palette · Warm · Mixed · Triadic harmony

Back to Library

Sorbet Special

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

Modify
Earthy 12 colors Warm Mixed Triadic purple yellow bright icecream
Likes 122
Colors 12

CSS variables

:root {
  --c-earthy-1: #332233;
  --c-earthy-2: #554466;
  --c-earthy-3: #996688;
  --c-earthy-4: #CC9988;
  --c-earthy-5: #CC9966;
  --c-earthy-6: #AA6677;
  --c-earthy-7: #776677;
  --c-earthy-8: #AA9988;
  --c-earthy-9: #DDCC99;
  --c-earthy-10: #88AA77;
  --c-earthy-11: #667788;
  --c-earthy-12: #88AA99;
}

About this palette

This 12-color earthy palette runs from Desert Temple (#DDCC99) as its lightest tone to Zero Gravity (#332233) as its darkest. It blends Zero Gravity, Nightly Walk, Garden Aroma, Calliope, Oak Buff, Apple II Rose, Purple Suede, Diversion, Desert Temple, Lush Fields, Space Convoy and Pale Willow into a single set you can drop straight into a UI. Of its 66 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #332233 on #DDCC99 at 9.29:1.

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

Color breakdown

Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Luminance
0.021
Nightly Walk #554466
RGB
rgb(85, 68, 102)
HSL
hsl(270, 20%, 33%)
Luminance
0.070
Garden Aroma #996688
RGB
rgb(153, 102, 136)
HSL
hsl(320, 20%, 50%)
Luminance
0.181
Calliope #CC9988
RGB
rgb(204, 153, 136)
HSL
hsl(15, 40%, 67%)
Luminance
0.374
Oak Buff #CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
Luminance
0.366
Apple II Rose #AA6677
RGB
rgb(170, 102, 119)
HSL
hsl(345, 29%, 53%)
Luminance
0.194
Purple Suede #776677
RGB
rgb(119, 102, 119)
HSL
hsl(300, 8%, 43%)
Luminance
0.148
Diversion #AA9988
RGB
rgb(170, 153, 136)
HSL
hsl(30, 17%, 60%)
Luminance
0.331
Desert Temple #DDCC99
RGB
rgb(221, 204, 153)
HSL
hsl(45, 50%, 73%)
Luminance
0.609
Lush Fields #88AA77
RGB
rgb(136, 170, 119)
HSL
hsl(100, 23%, 57%)
Luminance
0.353
Space Convoy #667788
RGB
rgb(102, 119, 136)
HSL
hsl(210, 14%, 47%)
Luminance
0.178
Pale Willow #88AA99
RGB
rgb(136, 170, 153)
HSL
hsl(150, 17%, 60%)
Luminance
0.363

Contrast & accessibility

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

Aa #332233 on #DDCC99 9.29:1 AAA
Aa #332233 on #CC9988 5.98:1 AA
Aa #332233 on #CC9966 5.87:1 AA
Aa #332233 on #88AA99 5.83:1 AA
Aa #332233 on #88AA77 5.69:1 AA
Aa #554466 on #DDCC99 5.48:1 AA
Aa #332233 on #AA9988 5.38:1 AA
Aa #554466 on #CC9988 3.53:1 AA Large
Aa #554466 on #CC9966 3.46:1 AA Large
Aa #332233 on #AA6677 3.44:1 AA Large
Aa #554466 on #88AA99 3.43:1 AA Large
Aa #554466 on #88AA77 3.35:1 AA Large
Aa #776677 on #DDCC99 3.33:1 AA Large
Aa #332233 on #996688 3.25:1 AA Large
Aa #332233 on #667788 3.22:1 AA Large
Aa #554466 on #AA9988 3.17:1 AA Large
Aa #DDCC99 on #667788 2.89:1 Fail
Aa #996688 on #DDCC99 2.86:1 Fail
Aa #332233 on #776677 2.79:1 Fail
Aa #AA6677 on #DDCC99 2.70:1 Fail
Aa #CC9988 on #776677 2.15:1 Fail
Aa #CC9966 on #776677 2.10:1 Fail
Aa #776677 on #88AA99 2.09:1 Fail
Aa #776677 on #88AA77 2.04:1 Fail
Aa #554466 on #AA6677 2.03:1 Fail
Aa #776677 on #AA9988 1.93:1 Fail
Aa #554466 on #996688 1.92:1 Fail
Aa #554466 on #667788 1.90:1 Fail
Aa #CC9988 on #667788 1.86:1 Fail
Aa #996688 on #CC9988 1.84:1 Fail
Aa #CC9966 on #667788 1.82:1 Fail
Aa #667788 on #88AA99 1.81:1 Fail
Aa #996688 on #CC9966 1.80:1 Fail
Aa #996688 on #88AA99 1.79:1 Fail
Aa #88AA77 on #667788 1.77:1 Fail
Aa #996688 on #88AA77 1.75:1 Fail
Aa #CC9988 on #AA6677 1.74:1 Fail
Aa #AA9988 on #DDCC99 1.73:1 Fail
Aa #CC9966 on #AA6677 1.71:1 Fail
Aa #332233 on #554466 1.70:1 Fail
Aa #AA6677 on #88AA99 1.69:1 Fail
Aa #AA9988 on #667788 1.67:1 Fail
Aa #996688 on #AA9988 1.65:1 Fail
Aa #AA6677 on #88AA77 1.65:1 Fail
Aa #554466 on #776677 1.64:1 Fail
Aa #DDCC99 on #88AA77 1.63:1 Fail
Aa #DDCC99 on #88AA99 1.60:1 Fail
Aa #CC9966 on #DDCC99 1.58:1 Fail
Aa #AA6677 on #AA9988 1.56:1 Fail
Aa #CC9988 on #DDCC99 1.55:1 Fail
Aa #AA6677 on #776677 1.23:1 Fail
Aa #996688 on #776677 1.17:1 Fail
Aa #776677 on #667788 1.15:1 Fail
Aa #CC9988 on #AA9988 1.11:1 Fail
Aa #CC9966 on #AA9988 1.09:1 Fail
Aa #AA9988 on #88AA99 1.08:1 Fail
Aa #AA6677 on #667788 1.07:1 Fail
Aa #996688 on #AA6677 1.06:1 Fail
Aa #AA9988 on #88AA77 1.06:1 Fail
Aa #CC9988 on #88AA77 1.05:1 Fail
Aa #CC9988 on #88AA99 1.03:1 Fail
Aa #CC9966 on #88AA77 1.03:1 Fail
Aa #CC9988 on #CC9966 1.02:1 Fail
Aa #88AA77 on #88AA99 1.02:1 Fail
Aa #996688 on #667788 1.01:1 Fail
Aa #CC9966 on #88AA99 1.01: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