Sign Up Sign Up
Chariot

Chariot

7-color palette · Warm · Mixed · Triadic harmony

Back to Library

Chariot

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

Modify
Earthy 7 colors Warm Mixed Triadic
Likes 53
Colors 7

CSS variables

:root {
  --c-earthy-1: #F9F6C2;
  --c-earthy-2: #EEE677;
  --c-earthy-3: #E1A937;
  --c-earthy-4: #C47F31;
  --c-earthy-5: #825D3A;
  --c-earthy-6: #54413B;
  --c-earthy-7: #342234;
}

About this palette

This 7-color earthy palette runs from Fine Linen (#F9F6C2) as its lightest tone to Fat Tuesday (#342234) as its darkest. It blends Fine Linen, Fresh Lemonade, Dutch Orange, Exotic Honey, Japanese Iris, Double Espresso and Fat Tuesday into a single set you can drop straight into a UI. Of its 21 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F9F6C2 on #342234 at 13.33:1.

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

Color breakdown

Fine Linen #F9F6C2
RGB
rgb(249, 246, 194)
HSL
hsl(57, 82%, 87%)
Luminance
0.900
Fresh Lemonade #EEE677
RGB
rgb(238, 230, 119)
HSL
hsl(56, 78%, 70%)
Luminance
0.761
Dutch Orange #E1A937
RGB
rgb(225, 169, 55)
HSL
hsl(40, 74%, 55%)
Luminance
0.447
Exotic Honey #C47F31
RGB
rgb(196, 127, 49)
HSL
hsl(32, 60%, 48%)
Luminance
0.271
Japanese Iris #825D3A
RGB
rgb(130, 93, 58)
HSL
hsl(29, 38%, 37%)
Luminance
0.129
Double Espresso #54413B
RGB
rgb(84, 65, 59)
HSL
hsl(14, 17%, 28%)
Luminance
0.060
Fat Tuesday #342234
RGB
rgb(52, 34, 52)
HSL
hsl(300, 21%, 17%)
Luminance
0.021

Contrast & accessibility

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

Aa #F9F6C2 on #342234 13.33:1 AAA
Aa #EEE677 on #342234 11.39:1 AAA
Aa #F9F6C2 on #54413B 8.65:1 AAA
Aa #EEE677 on #54413B 7.39:1 AAA
Aa #E1A937 on #342234 6.97:1 AA
Aa #F9F6C2 on #825D3A 5.31:1 AA
Aa #EEE677 on #825D3A 4.54:1 AA
Aa #E1A937 on #54413B 4.52:1 AA
Aa #C47F31 on #342234 4.51:1 AA
Aa #F9F6C2 on #C47F31 2.95:1 Fail
Aa #C47F31 on #54413B 2.93:1 Fail
Aa #E1A937 on #825D3A 2.78:1 Fail
Aa #EEE677 on #C47F31 2.52:1 Fail
Aa #825D3A on #342234 2.51:1 Fail
Aa #F9F6C2 on #E1A937 1.91:1 Fail
Aa #C47F31 on #825D3A 1.80:1 Fail
Aa #EEE677 on #E1A937 1.63:1 Fail
Aa #825D3A on #54413B 1.63:1 Fail
Aa #E1A937 on #C47F31 1.55:1 Fail
Aa #54413B on #342234 1.54:1 Fail
Aa #F9F6C2 on #EEE677 1.17: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