What color is Moss Green?
Moss green is a muted, earthy green with yellow undertones, hex #7E8C54, similar in tone to lichen growing on stone. It has a dusty, organic quality that keeps it from looking bright or sharp.
What is the meaning of the color Moss Green?
The name comes from the low-growing plant found across temperate forests and rocky ground, where green shifts toward yellow in dry or shaded conditions. By the late 19th century, moss green appeared as a named textile color in British fabric trade catalogs, used to describe natural-dyed wool yarn. The color became associated with outdoor and military clothing through its use in British army field uniforms during the First World War, where muted greens were favored for concealment. Barbour, the Scottish outerwear brand founded in 1894, helped anchor moss green in civilian dress through its waxed cotton jackets, which have been produced in this shade for over a century.
What colors go with Moss Green?
Colors that pair well with Moss green include:
Cream: soft, warm contrast
Burnt sienna: earthy, grounded warmth
Slate blue: cool, quiet balance
Charcoal: strong, grounding depth
Mustard yellow: bold, natural tension
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #7E8C54 |
color: #7E8C54;
|
| RGB | 126, 140, 84 |
color: rgb(126, 140, 84);
|
| RGB Percentage | 49%, 55%, 33% |
color: rgb(49%, 55%, 33%);
|
| CMYK | 10%, 0%, 40%, 45% | Not supported in CSS |
| HSL | 75°, 25%, 44% |
color: hsl(75, 25%, 44%);
|
| HSV | 75°, 40%, 55% | Not supported in CSS |
| CIE-LAB | 35, -3, 19 |
color: lab(35% -3 19);
|
| Decimal | 8293460 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.moss-green {
color: #7E8C54;
}
$moss-green: #7E8C54;
rgb(126, 140, 84)