Sign Up Sign Up
Sodium

Sodium

6-color palette · Warm · Dark · Analogous harmony

Back to Library

Sodium

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

Modify
Earthy 6 colors Warm Dark Analogous orange dark 6 desaturated
Likes 56
Colors 6

CSS variables

:root {
  --c-earthy-1: #0F0B0D;
  --c-earthy-2: #2D221E;
  --c-earthy-3: #3C3131;
  --c-earthy-4: #574034;
  --c-earthy-5: #785D4C;
  --c-earthy-6: #A37850;
}

About this palette

This 6-color earthy palette runs from Apple Cinnamon (#A37850) as its lightest tone to Black Sheep (#0F0B0D) as its darkest. It blends Black Sheep, Kenpōzome Black, Oil Grey, Cordwood, Melted Chocolate and Apple Cinnamon into a single set you can drop straight into a UI. Of its 15 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0F0B0D on #A37850 at 4.99:1.

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

Color breakdown

Black Sheep #0F0B0D
RGB
rgb(15, 11, 13)
HSL
hsl(330, 15%, 5%)
Luminance
0.004
Kenpōzome Black #2D221E
RGB
rgb(45, 34, 30)
HSL
hsl(16, 20%, 15%)
Luminance
0.018
Oil Grey #3C3131
RGB
rgb(60, 49, 49)
HSL
hsl(0, 10%, 21%)
Luminance
0.034
Cordwood #574034
RGB
rgb(87, 64, 52)
HSL
hsl(21, 25%, 27%)
Luminance
0.059
Melted Chocolate #785D4C
RGB
rgb(120, 93, 76)
HSL
hsl(23, 22%, 38%)
Luminance
0.123
Apple Cinnamon #A37850
RGB
rgb(163, 120, 80)
HSL
hsl(29, 34%, 48%)
Luminance
0.218

Contrast & accessibility

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

Aa #0F0B0D on #A37850 4.99:1 AA
Aa #2D221E on #A37850 3.94:1 AA Large
Aa #0F0B0D on #785D4C 3.23:1 AA Large
Aa #3C3131 on #A37850 3.20:1 AA Large
Aa #2D221E on #785D4C 2.55:1 Fail
Aa #574034 on #A37850 2.45:1 Fail
Aa #3C3131 on #785D4C 2.07:1 Fail
Aa #0F0B0D on #574034 2.04:1 Fail
Aa #2D221E on #574034 1.61:1 Fail
Aa #574034 on #785D4C 1.59:1 Fail
Aa #0F0B0D on #3C3131 1.56:1 Fail
Aa #785D4C on #A37850 1.55:1 Fail
Aa #3C3131 on #574034 1.31:1 Fail
Aa #0F0B0D on #2D221E 1.27:1 Fail
Aa #2D221E on #3C3131 1.23: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