Sign Up Sign Up
Swamp

Swamp

8-color palette · Warm · Dark · Monochromatic harmony

Back to Library

Swamp

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

Modify
Muted 8 colors Warm Dark Monochromatic green dark swamp muddy
Likes 59
Colors 8

CSS variables

:root {
  --c-muted-1: #2C2916;
  --c-muted-2: #424131;
  --c-muted-3: #575642;
  --c-muted-4: #928E89;
  --c-muted-5: #4E4F4A;
  --c-muted-6: #3D3C39;
  --c-muted-7: #353231;
  --c-muted-8: #1D1D1D;
}

About this palette

This 8-color muted palette runs from Bygone (#928E89) as its lightest tone to Dynamic Black (#1D1D1D) as its darkest. It blends Kenpōzome Black, Garden Path, Second Nature, Bygone, Subterrain Kingdom, Iridium, Sinister Minister and Dynamic Black into a single set you can drop straight into a UI. Of its 28 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #928E89 on #1D1D1D at 5.18:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Kenpōzome Black #2C2916
RGB
rgb(44, 41, 22)
HSL
hsl(52, 33%, 13%)
Luminance
0.022
Garden Path #424131
RGB
rgb(66, 65, 49)
HSL
hsl(56, 15%, 23%)
Luminance
0.052
Second Nature #575642
RGB
rgb(87, 86, 66)
HSL
hsl(57, 14%, 30%)
Luminance
0.091
Bygone #928E89
RGB
rgb(146, 142, 137)
HSL
hsl(33, 4%, 55%)
Luminance
0.273
Subterrain Kingdom #4E4F4A
RGB
rgb(78, 79, 74)
HSL
hsl(72, 3%, 30%)
Luminance
0.077
Iridium #3D3C39
RGB
rgb(61, 60, 57)
HSL
hsl(45, 3%, 23%)
Luminance
0.045
Sinister Minister #353231
RGB
rgb(53, 50, 49)
HSL
hsl(15, 4%, 20%)
Luminance
0.033
Dynamic Black #1D1D1D
RGB
rgb(29, 29, 29)
HSL
hsl(0, 0%, 11%)
Luminance
0.012

Contrast & accessibility

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

Aa #928E89 on #1D1D1D 5.18:1 AA
Aa #2C2916 on #928E89 4.49:1 AA Large
Aa #928E89 on #353231 3.91:1 AA Large
Aa #928E89 on #3D3C39 3.39:1 AA Large
Aa #424131 on #928E89 3.18:1 AA Large
Aa #928E89 on #4E4F4A 2.54:1 Fail
Aa #575642 on #928E89 2.29:1 Fail
Aa #575642 on #1D1D1D 2.26:1 Fail
Aa #4E4F4A on #1D1D1D 2.04:1 Fail
Aa #2C2916 on #575642 1.96:1 Fail
Aa #2C2916 on #4E4F4A 1.77:1 Fail
Aa #575642 on #353231 1.70:1 Fail
Aa #424131 on #1D1D1D 1.63:1 Fail
Aa #4E4F4A on #353231 1.54:1 Fail
Aa #3D3C39 on #1D1D1D 1.53:1 Fail
Aa #575642 on #3D3C39 1.48:1 Fail
Aa #2C2916 on #424131 1.42:1 Fail
Aa #424131 on #575642 1.39:1 Fail
Aa #2C2916 on #3D3C39 1.33:1 Fail
Aa #4E4F4A on #3D3C39 1.33:1 Fail
Aa #353231 on #1D1D1D 1.33:1 Fail
Aa #424131 on #4E4F4A 1.25:1 Fail
Aa #424131 on #353231 1.23:1 Fail
Aa #2C2916 on #353231 1.15:1 Fail
Aa #2C2916 on #1D1D1D 1.15:1 Fail
Aa #3D3C39 on #353231 1.15:1 Fail
Aa #575642 on #4E4F4A 1.11:1 Fail
Aa #424131 on #3D3C39 1.07: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