Colors that go with chocolate brown
Chocolate brown (#7B3F00) is a dark, moderately saturated brown. Colors that go well with chocolate brown include Tardis Blue (#003C7B), Prismarine (#00797B), Secret Scarlet (#7B0200), Olive (#7A7B00), Gale of the Wind (#007B3F). For a safe, polished look, pair chocolate brown with a soft off-white like #FEF3EB and a deep neutral like #24170E; for contrast, add a touch of its complement #003C7B.
Best colors to pair with chocolate brown
- ComplementaryTardis Blue #003C7B
Opposite chocolate brown on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryPrismarine #00797B
Sits next to chocolate brown's complement: lively contrast with less tension than the direct opposite.
- AnalogousSecret Scarlet #7B0200
A neighbouring hue that blends naturally with chocolate brown for calm, cohesive designs.
- AnalogousOlive #7A7B00
The neighbour on the other side of chocolate brown — pair both for a soft, harmonious scheme.
- TriadicGale of the Wind #007B3F
One third of the way around the wheel from chocolate brown: vibrant but balanced.
- Light neutralWhat’s Left #FEF3EB
An off-white with a hint of chocolate brown — an easy background that never feels stark.
- Dark neutralNoir Mystique #24170E
A deep, chocolate brown-tinted near-black for text and dark sections; softer than pure black.
- GrayPetrified #8A837D
A warm-or-cool gray matched to chocolate brown for borders, captions and secondary UI.
Chocolate brown color palettes
Each palette keeps #7B3F00 in the middle; open one in the generator to tweak it.
- AE8367F7B6B27B3F007361374A2B2AAnalogous Chocolate brown palette
- 0A18205733207B3F005D94ADF7CEA5Complementary Chocolate brown palette
- 3B1F00445BA37B3F00D68345B0F4FFSplit complementary Chocolate brown palette
- 007759211E2F7B3F00FFDAC1E38E63Triadic Chocolate brown palette
- A95E285928007B3F00FFF0E5CDA481Monochromatic Chocolate brown palette
- D37E5087577F7B3F00172F3BB3D2ABBalanced Chocolate brown palette
From our palette library
Text and backgrounds with chocolate brown
Check any other pair with the contrast checker.
FAQ
What colors go with chocolate brown?
Tardis Blue (#003C7B), Prismarine (#00797B), Secret Scarlet (#7B0200), Olive (#7A7B00), Gale of the Wind (#007B3F) go well with chocolate brown. Neutrals such as #FEF3EB and #24170E are the easiest companions, and #003C7B adds bold contrast as its complementary color.
What is the complementary color of chocolate brown?
The complementary color of chocolate brown (#7B3F00) is #003C7B (Tardis Blue), which sits opposite it on the color wheel.
What neutral colors go with chocolate brown?
Off-whites, creams and grays with a slight chocolate brown tint, such as #FEF3EB and #8A837D, plus a deep near-black like #24170E. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on chocolate brown?
White text on #7B3F00 has a contrast ratio of 8.22:1 (very good). For chocolate brown text, use a background like #FFFFFF (8.22:1, very good).
Is chocolate brown a warm or cool color?
Chocolate brown is a warm color in the brown family.