Moss
#8A9A5B · rgb(138, 154, 91) · hsl(75, 26%, 48%)
Complementary colors
#8a9a5b · #6a5b9aAnalogous colors
#9a8a5b · #8a9a5b · #6a9a5bTriadic colors
#8a9a5b · #5b8a9a · #9a5b8aSplit-complementary colors
#8a9a5b · #5b6a9a · #8a5b9aTetradic colors
#8a9a5b · #5b9a8a · #6a5b9a · #9a5b6aMonochromatic colors
#2b301c · #5c673c · #90a15e · #b8c398 · #dee3cfReady-made palettes with Moss
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#8A9A5B · #6a5b9a · #c0c5af · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#9a8a5b · #8A9A5B · #6a9a5b · #c0c5af · #424a2b
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#8A9A5B · #5b8a9a · #9a5b8a · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f6f7f2 · #c5ceab · #92a362 · #545d37 · #11130b
If you are wondering what colors go with Moss, start with its opposite on the wheel — a complementary #6a5b9a — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Moss's complementary color is #6a5b9a. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.