Sign Up Sign Up
Barrel

Barrel

5-color palette · Warm · Dark · Analogous harmony

Back to Library

Barrel

5-color palette · Warm temperature · Dark tone · Analogous harmony

Modify
Earthy 5 colors Warm Dark Analogous brown five 5 barrel
Likes 67
Colors 5

CSS variables

:root {
  --c-earthy-1: #100F13;
  --c-earthy-2: #3A213A;
  --c-earthy-3: #693540;
  --c-earthy-4: #914E3C;
  --c-earthy-5: #C7955C;
}

About this palette

This 5-color earthy palette runs from Burnt Pumpkin (#C7955C) as its lightest tone to Ruined Smores (#100F13) as its darkest. It blends Ruined Smores, Kokimurasaki Purple, Chestnut Red, Sierra Redwood and Burnt Pumpkin into a single set you can drop straight into a UI. Of its 10 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #100F13 on #C7955C at 7.17:1.

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

Color breakdown

Ruined Smores #100F13
RGB
rgb(16, 15, 19)
HSL
hsl(255, 12%, 7%)
Luminance
0.005
Kokimurasaki Purple #3A213A
RGB
rgb(58, 33, 58)
HSL
hsl(300, 27%, 18%)
Luminance
0.023
Chestnut Red #693540
RGB
rgb(105, 53, 64)
HSL
hsl(347, 33%, 31%)
Luminance
0.059
Sierra Redwood #914E3C
RGB
rgb(145, 78, 60)
HSL
hsl(13, 41%, 40%)
Luminance
0.118
Burnt Pumpkin #C7955C
RGB
rgb(199, 149, 92)
HSL
hsl(32, 49%, 57%)
Luminance
0.344

Contrast & accessibility

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

Aa #100F13 on #C7955C 7.17:1 AAA
Aa #3A213A on #C7955C 5.40:1 AA
Aa #693540 on #C7955C 3.61:1 AA Large
Aa #100F13 on #914E3C 3.05:1 AA Large
Aa #914E3C on #C7955C 2.35:1 Fail
Aa #3A213A on #914E3C 2.30:1 Fail
Aa #100F13 on #693540 1.99:1 Fail
Aa #693540 on #914E3C 1.54:1 Fail
Aa #3A213A on #693540 1.50:1 Fail
Aa #100F13 on #3A213A 1.33:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors