Walnut
#5C5248 · rgb(92, 82, 72) · hsl(30, 12%, 32%)
Complementary colors
#5b5248 · #48525bAnalogous colors
#5b4848 · #5b5248 · #5b5b48Triadic colors
#5b5248 · #485b52 · #52485bSplit-complementary colors
#5b5248 · #485b5b · #48485bTetradic colors
#5b5248 · #485b48 · #48525b · #5b485bMonochromatic colors
#2b2622 · #5b5248 · #8f8070 · #b7ada4 · #ddd9d4Ready-made palettes with Walnut
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#5C5248 · #48525b · #94918f · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#5b4848 · #5C5248 · #5b5b48 · #94918f · #141210
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#5C5248 · #485b52 · #52485b · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f6f5f4 · #c5bdb5 · #918273 · #534a41 · #110f0d
If you are wondering what colors go with Walnut, start with its opposite on the wheel — a complementary #48525b — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Walnut's complementary color is #48525b. 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.