Sign Up Sign Up
Camouflage 7

Camouflage 7

7-color palette · Warm · Mixed · Triadic harmony

Back to Library

Camouflage 7

7-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Muted 7 colors Warm Mixed Triadic monochrome camouflage orbitron orbee
Likes 23
Colors 7

CSS variables

:root {
  --c-muted-1: #14060F;
  --c-muted-2: #2A2F23;
  --c-muted-3: #4C5638;
  --c-muted-4: #616A4E;
  --c-muted-5: #728055;
  --c-muted-6: #9AAA7B;
  --c-muted-7: #BEC4AB;
}

About this palette

This 7-color muted palette runs from Jungle Moss (#BEC4AB) as its lightest tone to Noir Fiction (#14060F) as its darkest. It blends Noir Fiction, Pine Tree, Chive, Hinterland, Terrain, Forester and Jungle Moss into a single set you can drop straight into a UI. Of its 21 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #14060F on #BEC4AB at 10.98:1.

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

Color breakdown

Noir Fiction #14060F
RGB
rgb(20, 6, 15)
HSL
hsl(321, 54%, 5%)
Luminance
0.003
Pine Tree #2A2F23
RGB
rgb(42, 47, 35)
HSL
hsl(85, 15%, 16%)
Luminance
0.027
Chive #4C5638
RGB
rgb(76, 86, 56)
HSL
hsl(80, 21%, 28%)
Luminance
0.085
Hinterland #616A4E
RGB
rgb(97, 106, 78)
HSL
hsl(79, 15%, 36%)
Luminance
0.134
Terrain #728055
RGB
rgb(114, 128, 85)
HSL
hsl(80, 20%, 42%)
Luminance
0.197
Forester #9AAA7B
RGB
rgb(154, 170, 123)
HSL
hsl(80, 22%, 57%)
Luminance
0.371
Jungle Moss #BEC4AB
RGB
rgb(190, 196, 171)
HSL
hsl(74, 17%, 72%)
Luminance
0.534

Contrast & accessibility

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

Aa #14060F on #BEC4AB 10.98:1 AAA
Aa #14060F on #9AAA7B 7.91:1 AAA
Aa #2A2F23 on #BEC4AB 7.63:1 AAA
Aa #2A2F23 on #9AAA7B 5.50:1 AA
Aa #14060F on #728055 4.64:1 AA
Aa #4C5638 on #BEC4AB 4.33:1 AA Large
Aa #14060F on #616A4E 3.46:1 AA Large
Aa #2A2F23 on #728055 3.23:1 AA Large
Aa #616A4E on #BEC4AB 3.17:1 AA Large
Aa #4C5638 on #9AAA7B 3.12:1 AA Large
Aa #14060F on #4C5638 2.54:1 Fail
Aa #2A2F23 on #616A4E 2.41:1 Fail
Aa #728055 on #BEC4AB 2.37:1 Fail
Aa #616A4E on #9AAA7B 2.29:1 Fail
Aa #4C5638 on #728055 1.83:1 Fail
Aa #2A2F23 on #4C5638 1.76:1 Fail
Aa #728055 on #9AAA7B 1.70:1 Fail
Aa #14060F on #2A2F23 1.44:1 Fail
Aa #9AAA7B on #BEC4AB 1.39:1 Fail
Aa #4C5638 on #616A4E 1.37:1 Fail
Aa #616A4E on #728055 1.34: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