Sign Up Sign Up
Faded World 12

Faded World 12

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

Faded World 12

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

Modify
Earthy 12 colors Warm Mixed Complementary green orange pink red
Likes 29
Colors 12

CSS variables

:root {
  --c-earthy-1: #000017;
  --c-earthy-2: #453C47;
  --c-earthy-3: #768572;
  --c-earthy-4: #DBDAD0;
  --c-earthy-5: #BD1531;
  --c-earthy-6: #BD5218;
  --c-earthy-7: #BDAF17;
  --c-earthy-8: #31BF15;
  --c-earthy-9: #15BFB3;
  --c-earthy-10: #174CBD;
  --c-earthy-11: #7217BD;
  --c-earthy-12: #A718BD;
}

About this palette

This 12-color earthy palette runs from Alaska (#DBDAD0) as its lightest tone to Benthic Black (#000017) as its darkest. It blends Benthic Black, Eclectic Purple, Lottery Winnings, Alaska, Active Volcano, Bloodhound, Apple Jade, Felwood Leaves, Super Rare Jade, Mourning Blue, Crown Chakra and Barney into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000017 on #DBDAD0 at 14.77:1.

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

Color breakdown

Benthic Black #000017
RGB
rgb(0, 0, 23)
HSL
hsl(240, 100%, 5%)
Luminance
0.001
Eclectic Purple #453C47
RGB
rgb(69, 60, 71)
HSL
hsl(289, 8%, 26%)
Luminance
0.050
Lottery Winnings #768572
RGB
rgb(118, 133, 114)
HSL
hsl(107, 8%, 48%)
Luminance
0.218
Alaska #DBDAD0
RGB
rgb(219, 218, 208)
HSL
hsl(55, 13%, 84%)
Luminance
0.698
Active Volcano #BD1531
RGB
rgb(189, 21, 49)
HSL
hsl(350, 80%, 41%)
Luminance
0.116
Bloodhound #BD5218
RGB
rgb(189, 82, 24)
HSL
hsl(21, 77%, 42%)
Luminance
0.169
Apple Jade #BDAF17
RGB
rgb(189, 175, 23)
HSL
hsl(55, 78%, 42%)
Luminance
0.415
Felwood Leaves #31BF15
RGB
rgb(49, 191, 21)
HSL
hsl(110, 80%, 42%)
Luminance
0.380
Super Rare Jade #15BFB3
RGB
rgb(21, 191, 179)
HSL
hsl(176, 80%, 42%)
Luminance
0.407
Mourning Blue #174CBD
RGB
rgb(23, 76, 189)
HSL
hsl(221, 78%, 42%)
Luminance
0.090
Crown Chakra #7217BD
RGB
rgb(114, 23, 189)
HSL
hsl(273, 78%, 42%)
Luminance
0.079
Barney #A718BD
RGB
rgb(167, 24, 189)
HSL
hsl(292, 77%, 42%)
Luminance
0.125

Contrast & accessibility

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

Aa #000017 on #DBDAD0 14.77:1 AAA
Aa #000017 on #BDAF17 9.19:1 AAA
Aa #000017 on #15BFB3 9.02:1 AAA
Aa #000017 on #31BF15 8.49:1 AAA
Aa #453C47 on #DBDAD0 7.51:1 AAA
Aa #DBDAD0 on #7217BD 5.81:1 AA
Aa #DBDAD0 on #174CBD 5.33:1 AA
Aa #000017 on #768572 5.30:1 AA
Aa #453C47 on #BDAF17 4.68:1 AA
Aa #453C47 on #15BFB3 4.59:1 AA
Aa #DBDAD0 on #BD1531 4.51:1 AA
Aa #000017 on #BD5218 4.33:1 AA Large
Aa #453C47 on #31BF15 4.32:1 AA Large
Aa #DBDAD0 on #A718BD 4.26:1 AA Large
Aa #BDAF17 on #7217BD 3.62:1 AA Large
Aa #15BFB3 on #7217BD 3.55:1 AA Large
Aa #000017 on #A718BD 3.47:1 AA Large
Aa #DBDAD0 on #BD5218 3.41:1 AA Large
Aa #31BF15 on #7217BD 3.34:1 AA Large
Aa #BDAF17 on #174CBD 3.32:1 AA Large
Aa #000017 on #BD1531 3.27:1 AA Large
Aa #15BFB3 on #174CBD 3.26:1 AA Large
Aa #31BF15 on #174CBD 3.06:1 AA Large
Aa #BD1531 on #BDAF17 2.81:1 Fail
Aa #768572 on #DBDAD0 2.79:1 Fail
Aa #000017 on #174CBD 2.77:1 Fail
Aa #BD1531 on #15BFB3 2.76:1 Fail
Aa #453C47 on #768572 2.70:1 Fail
Aa #BDAF17 on #A718BD 2.65:1 Fail
Aa #15BFB3 on #A718BD 2.60:1 Fail
Aa #BD1531 on #31BF15 2.59:1 Fail
Aa #000017 on #7217BD 2.54:1 Fail
Aa #31BF15 on #A718BD 2.45:1 Fail
Aa #453C47 on #BD5218 2.20:1 Fail
Aa #BD5218 on #BDAF17 2.12:1 Fail
Aa #768572 on #7217BD 2.09:1 Fail
Aa #BD5218 on #15BFB3 2.08:1 Fail
Aa #000017 on #453C47 1.97:1 Fail
Aa #BD5218 on #31BF15 1.96:1 Fail
Aa #768572 on #174CBD 1.91:1 Fail
Aa #453C47 on #A718BD 1.76:1 Fail
Aa #DBDAD0 on #31BF15 1.74:1 Fail
Aa #768572 on #BDAF17 1.73:1 Fail
Aa #768572 on #15BFB3 1.70:1 Fail
Aa #BD5218 on #7217BD 1.70:1 Fail
Aa #453C47 on #BD1531 1.67:1 Fail
Aa #DBDAD0 on #15BFB3 1.64:1 Fail
Aa #768572 on #BD1531 1.62:1 Fail
Aa #DBDAD0 on #BDAF17 1.61:1 Fail
Aa #768572 on #31BF15 1.60:1 Fail
Aa #BD5218 on #174CBD 1.56:1 Fail
Aa #768572 on #A718BD 1.53:1 Fail
Aa #453C47 on #174CBD 1.41:1 Fail
Aa #7217BD on #A718BD 1.36:1 Fail
Aa #BD1531 on #BD5218 1.32:1 Fail
Aa #453C47 on #7217BD 1.29:1 Fail
Aa #BD1531 on #7217BD 1.29:1 Fail
Aa #BD5218 on #A718BD 1.25:1 Fail
Aa #174CBD on #A718BD 1.25:1 Fail
Aa #768572 on #BD5218 1.22:1 Fail
Aa #BD1531 on #174CBD 1.18:1 Fail
Aa #174CBD on #7217BD 1.09:1 Fail
Aa #BDAF17 on #31BF15 1.08:1 Fail
Aa #BD1531 on #A718BD 1.06:1 Fail
Aa #31BF15 on #15BFB3 1.06:1 Fail
Aa #BDAF17 on #15BFB3 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