Brown

Colors that go with brown

Brown (#964B00) is a medium, moderately saturated brown. Colors that go well with brown include Nuit Blanche (#004B96), Java (#009696), Cayenne (#960000), Papyrus (#969600), Green Revolution (#00964B). For a safe, polished look, pair brown with a soft off-white like #FFF2EA and a deep neutral like #26170C; for contrast, add a touch of its complement #004B96.

Best colors to pair with brown

  • ComplementaryNuit Blanche #004B96

    Opposite brown on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.

  • Split complementaryJava #009696

    Sits next to brown's complement: lively contrast with less tension than the direct opposite.

  • AnalogousCayenne #960000

    A neighbouring hue that blends naturally with brown for calm, cohesive designs.

  • AnalogousPapyrus #969600

    The neighbour on the other side of brown — pair both for a soft, harmonious scheme.

  • TriadicGreen Revolution #00964B

    One third of the way around the wheel from brown: vibrant but balanced.

  • Light neutralWhat’s Left #FFF2EA

    An off-white with a hint of brown — an easy background that never feels stark.

  • Dark neutralBurnt Coffee #26170C

    A deep, brown-tinted near-black for text and dark sections; softer than pure black.

  • GrayPetrified #8C847F

    A warm-or-cool gray matched to brown for borders, captions and secondary UI.

Brown color palettes

Each palette keeps #964B00 in the middle; open one in the generator to tweak it.

From our palette library

Text and backgrounds with brown

AaText on a brown background
6.36:1GoodWhite text on #964B00
AaBrown text on a light background
6.36:1Good#964B00 text on #FFFFFF

Check any other pair with the contrast checker.

FAQ

What colors go with brown?

Nuit Blanche (#004B96), Java (#009696), Cayenne (#960000), Papyrus (#969600), Green Revolution (#00964B) go well with brown. Neutrals such as #FFF2EA and #26170C are the easiest companions, and #004B96 adds bold contrast as its complementary color.

What is the complementary color of brown?

The complementary color of brown (#964B00) is #004B96 (Nuit Blanche), which sits opposite it on the color wheel.

What neutral colors go with brown?

Off-whites, creams and grays with a slight brown tint, such as #FFF2EA and #8C847F, plus a deep near-black like #26170C. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on brown?

White text on #964B00 has a contrast ratio of 6.36:1 (good). For brown text, use a background like #FFFFFF (6.36:1, good).

Is brown a warm or cool color?

Brown is a warm color in the brown family.

More brown colors

All colors