Sign Up Sign Up
Adventure

Adventure

8-color palette · Warm · Mixed · Monochromatic harmony

Back to Library

Adventure

8-color palette · Warm temperature · Mixed tone · Monochromatic harmony

Modify
Earthy 8 colors Warm Mixed Monochromatic green brown grey swamp
Likes 22
Colors 8

CSS variables

:root {
  --c-earthy-1: #22211B;
  --c-earthy-2: #3E4836;
  --c-earthy-3: #5D6677;
  --c-earthy-4: #778194;
  --c-earthy-5: #514136;
  --c-earthy-6: #725449;
  --c-earthy-7: #CE9513;
  --c-earthy-8: #EFC156;
}

About this palette

This 8-color earthy palette runs from Luminous Apricot (#EFC156) as its lightest tone to Petroleum (#22211B) as its darkest. It blends Petroleum, Arame Seaweed Green, Blue Zephyr, Tranquil Pond, Nutria Fur Brown, Hold Your Horses, Retro Vibe and Luminous Apricot into a single set you can drop straight into a UI. Of its 28 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #22211B on #EFC156 at 9.55:1.

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

Color breakdown

Petroleum #22211B
RGB
rgb(34, 33, 27)
HSL
hsl(51, 11%, 12%)
Luminance
0.015
Arame Seaweed Green #3E4836
RGB
rgb(62, 72, 54)
HSL
hsl(93, 14%, 25%)
Luminance
0.059
Blue Zephyr #5D6677
RGB
rgb(93, 102, 119)
HSL
hsl(219, 12%, 42%)
Luminance
0.132
Tranquil Pond #778194
RGB
rgb(119, 129, 148)
HSL
hsl(219, 12%, 52%)
Luminance
0.218
Nutria Fur Brown #514136
RGB
rgb(81, 65, 54)
HSL
hsl(24, 20%, 26%)
Luminance
0.058
Hold Your Horses #725449
RGB
rgb(114, 84, 73)
HSL
hsl(16, 22%, 37%)
Luminance
0.104
Retro Vibe #CE9513
RGB
rgb(206, 149, 19)
HSL
hsl(42, 83%, 44%)
Luminance
0.347
Luminous Apricot #EFC156
RGB
rgb(239, 193, 86)
HSL
hsl(42, 83%, 64%)
Luminance
0.572

Contrast & accessibility

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

Aa #22211B on #EFC156 9.55:1 AAA
Aa #22211B on #CE9513 6.10:1 AA
Aa #514136 on #EFC156 5.76:1 AA
Aa #3E4836 on #EFC156 5.69:1 AA
Aa #22211B on #778194 4.11:1 AA Large
Aa #725449 on #EFC156 4.04:1 AA Large
Aa #514136 on #CE9513 3.67:1 AA Large
Aa #3E4836 on #CE9513 3.63:1 AA Large
Aa #5D6677 on #EFC156 3.42:1 AA Large
Aa #22211B on #5D6677 2.79:1 Fail
Aa #725449 on #CE9513 2.58:1 Fail
Aa #778194 on #514136 2.48:1 Fail
Aa #3E4836 on #778194 2.45:1 Fail
Aa #22211B on #725449 2.37:1 Fail
Aa #778194 on #EFC156 2.32:1 Fail
Aa #5D6677 on #CE9513 2.18:1 Fail
Aa #778194 on #725449 1.74:1 Fail
Aa #22211B on #3E4836 1.68:1 Fail
Aa #5D6677 on #514136 1.68:1 Fail
Aa #22211B on #514136 1.66:1 Fail
Aa #3E4836 on #5D6677 1.66:1 Fail
Aa #CE9513 on #EFC156 1.57:1 Fail
Aa #778194 on #CE9513 1.48:1 Fail
Aa #5D6677 on #778194 1.47:1 Fail
Aa #514136 on #725449 1.43:1 Fail
Aa #3E4836 on #725449 1.41:1 Fail
Aa #5D6677 on #725449 1.18:1 Fail
Aa #3E4836 on #514136 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