Sign Up Sign Up
Padhi Rangulu

Padhi Rangulu

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

Padhi Rangulu

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

Modify
Earthy 10 colors Warm Mixed Complementary 10colors padhirangulu
Likes 34
Colors 10

CSS variables

:root {
  --c-earthy-1: #E9BA5B;
  --c-earthy-2: #729B6B;
  --c-earthy-3: #9AA38B;
  --c-earthy-4: #BDC2B3;
  --c-earthy-5: #19121A;
  --c-earthy-6: #6E6634;
  --c-earthy-7: #B9A08B;
  --c-earthy-8: #A67C59;
  --c-earthy-9: #40382D;
  --c-earthy-10: #9E8B61;
}

About this palette

This 10-color earthy palette runs from Chandra Cream (#E9BA5B) as its lightest tone to Back in Black (#19121A) as its darkest. It blends Chandra Cream, Blackthorn Green, Medicine Wheel, Seaside Fog, Back in Black, Himalaya, Cup of Cocoa, Café au Lait, Tobago and Garden Salt Green into a single set you can drop straight into a UI. Of its 45 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E9BA5B on #19121A at 10.19:1.

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

Color breakdown

Chandra Cream #E9BA5B
RGB
rgb(233, 186, 91)
HSL
hsl(40, 76%, 64%)
Luminance
0.532
Blackthorn Green #729B6B
RGB
rgb(114, 155, 107)
HSL
hsl(111, 19%, 51%)
Luminance
0.281
Medicine Wheel #9AA38B
RGB
rgb(154, 163, 139)
HSL
hsl(83, 12%, 59%)
Luminance
0.349
Seaside Fog #BDC2B3
RGB
rgb(189, 194, 179)
HSL
hsl(80, 11%, 73%)
Luminance
0.527
Back in Black #19121A
RGB
rgb(25, 18, 26)
HSL
hsl(293, 18%, 9%)
Luminance
0.007
Himalaya #6E6634
RGB
rgb(110, 102, 52)
HSL
hsl(52, 36%, 32%)
Luminance
0.131
Cup of Cocoa #B9A08B
RGB
rgb(185, 160, 139)
HSL
hsl(27, 25%, 64%)
Luminance
0.373
Café au Lait #A67C59
RGB
rgb(166, 124, 89)
HSL
hsl(27, 30%, 50%)
Luminance
0.232
Tobago #40382D
RGB
rgb(64, 56, 45)
HSL
hsl(35, 17%, 21%)
Luminance
0.041
Garden Salt Green #9E8B61
RGB
rgb(158, 139, 97)
HSL
hsl(41, 24%, 50%)
Luminance
0.266

Contrast & accessibility

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

Aa #E9BA5B on #19121A 10.19:1 AAA
Aa #BDC2B3 on #19121A 10.09:1 AAA
Aa #19121A on #B9A08B 7.41:1 AAA
Aa #9AA38B on #19121A 6.99:1 AA
Aa #E9BA5B on #40382D 6.39:1 AA
Aa #BDC2B3 on #40382D 6.33:1 AA
Aa #729B6B on #19121A 5.79:1 AA
Aa #19121A on #9E8B61 5.53:1 AA
Aa #19121A on #A67C59 4.94:1 AA
Aa #B9A08B on #40382D 4.65:1 AA
Aa #9AA38B on #40382D 4.38:1 AA Large
Aa #729B6B on #40382D 3.63:1 AA Large
Aa #40382D on #9E8B61 3.47:1 AA Large
Aa #E9BA5B on #6E6634 3.22:1 AA Large
Aa #BDC2B3 on #6E6634 3.19:1 AA Large
Aa #19121A on #6E6634 3.16:1 AA Large
Aa #A67C59 on #40382D 3.10:1 AA Large
Aa #6E6634 on #B9A08B 2.34:1 Fail
Aa #9AA38B on #6E6634 2.21:1 Fail
Aa #E9BA5B on #A67C59 2.06:1 Fail
Aa #BDC2B3 on #A67C59 2.04:1 Fail
Aa #6E6634 on #40382D 1.98:1 Fail
Aa #E9BA5B on #9E8B61 1.84:1 Fail
Aa #729B6B on #6E6634 1.83:1 Fail
Aa #BDC2B3 on #9E8B61 1.82:1 Fail
Aa #E9BA5B on #729B6B 1.76:1 Fail
Aa #6E6634 on #9E8B61 1.75:1 Fail
Aa #729B6B on #BDC2B3 1.74:1 Fail
Aa #19121A on #40382D 1.59:1 Fail
Aa #6E6634 on #A67C59 1.56:1 Fail
Aa #B9A08B on #A67C59 1.50:1 Fail
Aa #E9BA5B on #9AA38B 1.46:1 Fail
Aa #9AA38B on #BDC2B3 1.44:1 Fail
Aa #9AA38B on #A67C59 1.41:1 Fail
Aa #E9BA5B on #B9A08B 1.38:1 Fail
Aa #BDC2B3 on #B9A08B 1.36:1 Fail
Aa #B9A08B on #9E8B61 1.34:1 Fail
Aa #729B6B on #B9A08B 1.28:1 Fail
Aa #9AA38B on #9E8B61 1.26:1 Fail
Aa #729B6B on #9AA38B 1.21:1 Fail
Aa #729B6B on #A67C59 1.17:1 Fail
Aa #A67C59 on #9E8B61 1.12:1 Fail
Aa #9AA38B on #B9A08B 1.06:1 Fail
Aa #729B6B on #9E8B61 1.05:1 Fail
Aa #E9BA5B on #BDC2B3 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