Sign Up Sign Up
12 RCC

12 RCC

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

12 RCC

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

Modify
Earthy 12 colors Warm Mixed Complementary retro game 12colors basic
Likes 16
Colors 12

CSS variables

:root {
  --c-earthy-1: #1E2120;
  --c-earthy-2: #38667F;
  --c-earthy-3: #D83434;
  --c-earthy-4: #AF732D;
  --c-earthy-5: #9F7DB1;
  --c-earthy-6: #6ABC3A;
  --c-earthy-7: #D2B6D8;
  --c-earthy-8: #EABE60;
  --c-earthy-9: #98D1CB;
  --c-earthy-10: #B1E572;
  --c-earthy-11: #FFE2AA;
  --c-earthy-12: #FFFFFF;
}

About this palette

This 12-color earthy palette runs from White (#FFFFFF) as its lightest tone to Lead (#1E2120) as its darkest. It blends Lead, Naval Passage, Blood Moon, Hamtaro Brown, English Lavender, Nasty Green, Confectionary, Crop Circle, Clear Cove, Pisco Sour, Sunflower Seed and White 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 #1E2120 on #FFFFFF at 16.23:1.

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

Color breakdown

Lead #1E2120
RGB
rgb(30, 33, 32)
HSL
hsl(160, 5%, 12%)
Luminance
0.015
Naval Passage #38667F
RGB
rgb(56, 102, 127)
HSL
hsl(201, 39%, 36%)
Luminance
0.119
Blood Moon #D83434
RGB
rgb(216, 52, 52)
HSL
hsl(0, 68%, 53%)
Luminance
0.173
Hamtaro Brown #AF732D
RGB
rgb(175, 115, 45)
HSL
hsl(32, 59%, 43%)
Luminance
0.216
English Lavender #9F7DB1
RGB
rgb(159, 125, 177)
HSL
hsl(279, 25%, 59%)
Luminance
0.252
Nasty Green #6ABC3A
RGB
rgb(106, 188, 58)
HSL
hsl(98, 53%, 48%)
Luminance
0.393
Confectionary #D2B6D8
RGB
rgb(210, 182, 216)
HSL
hsl(289, 30%, 78%)
Luminance
0.521
Crop Circle #EABE60
RGB
rgb(234, 190, 96)
HSL
hsl(41, 77%, 65%)
Luminance
0.552
Clear Cove #98D1CB
RGB
rgb(152, 209, 203)
HSL
hsl(174, 38%, 71%)
Luminance
0.566
Pisco Sour #B1E572
RGB
rgb(177, 229, 114)
HSL
hsl(87, 69%, 67%)
Luminance
0.666
Sunflower Seed #FFE2AA
RGB
rgb(255, 226, 170)
HSL
hsl(40, 100%, 83%)
Luminance
0.786
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

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

Aa #1E2120 on #FFFFFF 16.23:1 AAA
Aa #1E2120 on #FFE2AA 12.92:1 AAA
Aa #1E2120 on #B1E572 11.07:1 AAA
Aa #1E2120 on #98D1CB 9.52:1 AAA
Aa #1E2120 on #EABE60 9.30:1 AAA
Aa #1E2120 on #D2B6D8 8.83:1 AAA
Aa #1E2120 on #6ABC3A 6.85:1 AA
Aa #38667F on #FFFFFF 6.22:1 AA
Aa #38667F on #FFE2AA 4.95:1 AA
Aa #D83434 on #FFFFFF 4.71:1 AA
Aa #1E2120 on #9F7DB1 4.67:1 AA
Aa #38667F on #B1E572 4.24:1 AA Large
Aa #1E2120 on #AF732D 4.11:1 AA Large
Aa #AF732D on #FFFFFF 3.95:1 AA Large
Aa #D83434 on #FFE2AA 3.75:1 AA Large
Aa #38667F on #98D1CB 3.65:1 AA Large
Aa #38667F on #EABE60 3.57:1 AA Large
Aa #9F7DB1 on #FFFFFF 3.48:1 AA Large
Aa #1E2120 on #D83434 3.45:1 AA Large
Aa #38667F on #D2B6D8 3.38:1 AA Large
Aa #D83434 on #B1E572 3.21:1 AA Large
Aa #AF732D on #FFE2AA 3.15:1 AA Large
Aa #9F7DB1 on #FFE2AA 2.77:1 Fail
Aa #D83434 on #98D1CB 2.76:1 Fail
Aa #D83434 on #EABE60 2.70:1 Fail
Aa #AF732D on #B1E572 2.70:1 Fail
Aa #38667F on #6ABC3A 2.63:1 Fail
Aa #1E2120 on #38667F 2.61:1 Fail
Aa #D83434 on #D2B6D8 2.56:1 Fail
Aa #9F7DB1 on #B1E572 2.37:1 Fail
Aa #6ABC3A on #FFFFFF 2.37:1 Fail
Aa #AF732D on #98D1CB 2.32:1 Fail
Aa #AF732D on #EABE60 2.26:1 Fail
Aa #AF732D on #D2B6D8 2.15:1 Fail
Aa #9F7DB1 on #98D1CB 2.04:1 Fail
Aa #D83434 on #6ABC3A 1.99:1 Fail
Aa #9F7DB1 on #EABE60 1.99:1 Fail
Aa #9F7DB1 on #D2B6D8 1.89:1 Fail
Aa #6ABC3A on #FFE2AA 1.88:1 Fail
Aa #D2B6D8 on #FFFFFF 1.84:1 Fail
Aa #38667F on #9F7DB1 1.79:1 Fail
Aa #EABE60 on #FFFFFF 1.75:1 Fail
Aa #98D1CB on #FFFFFF 1.70:1 Fail
Aa #AF732D on #6ABC3A 1.67:1 Fail
Aa #6ABC3A on #B1E572 1.61:1 Fail
Aa #38667F on #AF732D 1.57:1 Fail
Aa #9F7DB1 on #6ABC3A 1.47:1 Fail
Aa #B1E572 on #FFFFFF 1.47:1 Fail
Aa #D2B6D8 on #FFE2AA 1.46:1 Fail
Aa #6ABC3A on #98D1CB 1.39:1 Fail
Aa #EABE60 on #FFE2AA 1.39:1 Fail
Aa #6ABC3A on #EABE60 1.36:1 Fail
Aa #98D1CB on #FFE2AA 1.36:1 Fail
Aa #D83434 on #9F7DB1 1.35:1 Fail
Aa #38667F on #D83434 1.32:1 Fail
Aa #6ABC3A on #D2B6D8 1.29:1 Fail
Aa #FFE2AA on #FFFFFF 1.26:1 Fail
Aa #D2B6D8 on #B1E572 1.25:1 Fail
Aa #D83434 on #AF732D 1.19:1 Fail
Aa #EABE60 on #B1E572 1.19:1 Fail
Aa #B1E572 on #FFE2AA 1.17:1 Fail
Aa #98D1CB on #B1E572 1.16:1 Fail
Aa #AF732D on #9F7DB1 1.14:1 Fail
Aa #D2B6D8 on #98D1CB 1.08:1 Fail
Aa #D2B6D8 on #EABE60 1.05:1 Fail
Aa #EABE60 on #98D1CB 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