Sign Up Sign Up
Mudstone

Mudstone

8-color palette · Warm · Dark · Complementary harmony

Back to Library

Mudstone

8-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Earthy 8 colors Warm Dark Complementary polyphrog natural earth
Likes 48
Colors 8

CSS variables

:root {
  --c-earthy-1: #1B1611;
  --c-earthy-2: #1F253C;
  --c-earthy-3: #423C32;
  --c-earthy-4: #465D32;
  --c-earthy-5: #6E3F24;
  --c-earthy-6: #6B624E;
  --c-earthy-7: #90752E;
  --c-earthy-8: #CDA465;
}

About this palette

This 8-color earthy palette runs from Workbench (#CDA465) as its lightest tone to Nightshade Berries (#1B1611) as its darkest. It blends Nightshade Berries, Midnight Express, Blackish Brown, Woodman, Davao Durian, Classic Bronze, Marshy Green and Workbench into a single set you can drop straight into a UI. Of its 28 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1B1611 on #CDA465 at 7.78:1.

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

Color breakdown

Nightshade Berries #1B1611
RGB
rgb(27, 22, 17)
HSL
hsl(30, 23%, 9%)
Luminance
0.009
Midnight Express #1F253C
RGB
rgb(31, 37, 60)
HSL
hsl(228, 32%, 18%)
Luminance
0.019
Blackish Brown #423C32
RGB
rgb(66, 60, 50)
HSL
hsl(38, 14%, 23%)
Luminance
0.046
Woodman #465D32
RGB
rgb(70, 93, 50)
HSL
hsl(92, 30%, 28%)
Luminance
0.094
Davao Durian #6E3F24
RGB
rgb(110, 63, 36)
HSL
hsl(22, 51%, 29%)
Luminance
0.070
Classic Bronze #6B624E
RGB
rgb(107, 98, 78)
HSL
hsl(41, 16%, 36%)
Luminance
0.124
Marshy Green #90752E
RGB
rgb(144, 117, 46)
HSL
hsl(43, 52%, 37%)
Luminance
0.189
Workbench #CDA465
RGB
rgb(205, 164, 101)
HSL
hsl(36, 51%, 60%)
Luminance
0.405

Contrast & accessibility

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

Aa #1B1611 on #CDA465 7.78:1 AAA
Aa #1F253C on #CDA465 6.55:1 AA
Aa #423C32 on #CDA465 4.73:1 AA
Aa #1B1611 on #90752E 4.08:1 AA Large
Aa #6E3F24 on #CDA465 3.79:1 AA Large
Aa #1F253C on #90752E 3.44:1 AA Large
Aa #465D32 on #CDA465 3.17:1 AA Large
Aa #1B1611 on #6B624E 2.98:1 Fail
Aa #6B624E on #CDA465 2.61:1 Fail
Aa #1F253C on #6B624E 2.51:1 Fail
Aa #423C32 on #90752E 2.48:1 Fail
Aa #1B1611 on #465D32 2.46:1 Fail
Aa #1F253C on #465D32 2.07:1 Fail
Aa #1B1611 on #6E3F24 2.05:1 Fail
Aa #6E3F24 on #90752E 1.99:1 Fail
Aa #90752E on #CDA465 1.91:1 Fail
Aa #423C32 on #6B624E 1.81:1 Fail
Aa #1F253C on #6E3F24 1.73:1 Fail
Aa #465D32 on #90752E 1.66:1 Fail
Aa #1B1611 on #423C32 1.65:1 Fail
Aa #423C32 on #465D32 1.49:1 Fail
Aa #6E3F24 on #6B624E 1.45:1 Fail
Aa #1F253C on #423C32 1.39:1 Fail
Aa #6B624E on #90752E 1.37:1 Fail
Aa #423C32 on #6E3F24 1.25:1 Fail
Aa #465D32 on #6B624E 1.21:1 Fail
Aa #465D32 on #6E3F24 1.20:1 Fail
Aa #1B1611 on #1F253C 1.19: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