Colors that go with navy blue
Navy blue (#000080) is a very dark, vivid blue. Colors that go well with navy blue include Olive (#808000), Hazelnut Chocolate (#804000), Pacific Depths (#004080), Indigo (#400080), Maroon (#800000). For a safe, polished look, pair navy blue with a soft off-white like #F0F5FF and a deep neutral like #111A2D; for contrast, add a touch of its complement #808000.
Best colors to pair with navy blue
- ComplementaryOlive #808000
Opposite navy blue on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryHazelnut Chocolate #804000
Sits next to navy blue's complement: lively contrast with less tension than the direct opposite.
- AnalogousPacific Depths #004080
A neighbouring hue that blends naturally with navy blue for calm, cohesive designs.
- AnalogousIndigo #400080
The neighbour on the other side of navy blue — pair both for a soft, harmonious scheme.
- Light neutralCotton Ball #F0F5FF
An off-white with a hint of navy blue — an easy background that never feels stark.
- Dark neutralDark Knight #111A2D
A deep, navy blue-tinted near-black for text and dark sections; softer than pure black.
- GraySilver Surfer #7C7F87
A warm-or-cool gray matched to navy blue for borders, captions and secondary UI.
Navy blue color palettes
Each palette keeps #000080 in the middle; open one in the generator to tweak it.
- 004C65006BE4000080B9A4FFE4F2FFAnalogous Navy blue palette
- B58831002050000080C0CDFF715900Complementary Navy blue palette
- 4A4D000269DE000080BFDAFFFD8140Split complementary Navy blue palette
- 7AACFFC21D34000080BBE3A81F3260Triadic Navy blue palette
- 5790FF193881000080ACC1FF0056BDMonochromatic Navy blue palette
- C1DAFFB0973E0000803347BF2B2200Balanced Navy blue palette
From our palette library
Text and backgrounds with navy blue
Check any other pair with the contrast checker.
FAQ
What colors go with navy blue?
Olive (#808000), Hazelnut Chocolate (#804000), Pacific Depths (#004080), Indigo (#400080), Maroon (#800000) go well with navy blue. Neutrals such as #F0F5FF and #111A2D are the easiest companions, and #808000 adds bold contrast as its complementary color.
What is the complementary color of navy blue?
The complementary color of navy blue (#000080) is #808000 (Olive), which sits opposite it on the color wheel.
What neutral colors go with navy blue?
Off-whites, creams and grays with a slight navy blue tint, such as #F0F5FF and #7C7F87, plus a deep near-black like #111A2D. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on navy blue?
White text on #000080 has a contrast ratio of 16.01:1 (super). For navy blue text, use a background like #FFFFFF (16.01:1, super).
Is navy blue a warm or cool color?
Navy blue is a cool color in the blue family.