What colors go with navy blue?
Navy Blue goes with neutrals like white, light gray and slate gray, and with hazel, dark taupe and dark slate blue for contrast or harmony. Below are 13 matching colors with hex codes, 6 ready-made palettes and tips for rooms, outfits and brands.
13 colors that go with navy blue
- White#FFFFFFNeutral
- Light Gray#D3D3D3Neutral
- Slate Gray#708090Neutral
- Beige#F5F5DCNeutral
- Tan#D2B48CNeutral
- Hazel#8E7618Complementary
- Dark Taupe#7F684EMuted complement
- Dark Slate Blue#483D8BAnalogous
- Dark Grey Blue#29465BAnalogous
- Earth#A2653ESplit complementary
- Khaki Green#728639Split complementary
- Dusky Rose#BA6873Triadic
- Silver#C0C0C0Metallic
| Color | Hex | Relationship | Why it works |
|---|---|---|---|
| White | #FFFFFF | Neutral | a clean, light backdrop that lets the color lead |
| Light Gray | #D3D3D3 | Neutral | a soft neutral for large areas |
| Slate Gray | #708090 | Neutral | a mid neutral that calms the color down |
| Beige | #F5F5DC | Neutral | a warm light neutral that lifts a dark color |
| Tan | #D2B48C | Neutral | an earthy neutral that warms cool colors |
| Hazel | #8E7618 | Complementary | its opposite on the color wheel, for the strongest contrast |
| Dark Taupe | #7F684E | Muted complement | a softer version of the opposite, for contrast without clashing |
| Dark Slate Blue | #483D8B | Analogous | a neighbor on the wheel, for a calm, harmonious look |
| Dark Grey Blue | #29465B | Analogous | the other neighbor on the wheel, for a natural blend |
| Earth | #A2653E | Split complementary | next to its opposite: lively but easier to balance |
| Khaki Green | #728639 | Split complementary | the other side of its opposite, for a balanced accent |
| Dusky Rose | #BA6873 | Triadic | a third of the way around the wheel, for a playful mix |
| Silver | #C0C0C0 | Metallic | cool metals echo cool colors |
Navy Blue color palettes
Calm neutrals: the color with three neutrals and one gentle accent
Navy Blue #001146, White #FFFFFF, Light Gray #D3D3D3, Slate Gray #708090, Dark Slate Blue #483D8B. Open this palette in the generator.
Complementary pop: contrast from the opposite side of the wheel, balanced by neutrals
Navy Blue #001146, Hazel #8E7618, Dark Taupe #7F684E, White #FFFFFF, Tan #D2B48C. Open this palette in the generator.
Analogous harmony: neighboring hues for a natural, blended look
Dark Slate Blue #483D8B, Navy Blue #001146, Dark Grey Blue #29465B, White #FFFFFF, Slate Gray #708090. Open this palette in the generator.
Monochromatic: one hue from light tint to deep shade
Lavender #E6E6FA, Pastel Blue #A2BFFE, Navy Blue #001146, Darkblue #030764, Dark Navy #000435. Open this palette in the generator.
Split complementary: two accents beside the complement, lively but easy to balance
Navy Blue #001146, Earth #A2653E, Khaki Green #728639, White #FFFFFF, Slate Gray #708090. Open this palette in the generator.
Playful triad: evenly spaced hues, softened with a neutral
Navy Blue #001146, Dusky Rose #BA6873, Light Gray #D3D3D3, Tan #D2B48C. Open this palette in the generator.
Curated palettes with navy blue
- Vector Dashboard#001A43 #084588 #217CD5 #64AFF8 #CCE6FF
- Balloon Parade#001538 #003273 #654400 #E4C28F #DBE8FC
- Deep Library#011838 #00364B #00555E #98F8E9
- Pinnacle Report#001733 #1C58A1 #6DA1F2 #E4EEFF
- Balloon Playground#001F4C #593C00 #256AC9 #EC794B #D1C76E #E6EFFE
- Seaside Flight#001531 #002E59 #004D86 #D8ECFF
How to use navy blue with other colors
- Rooms and interiors: paint navy blue on one wall or use it in textiles, then keep larger surfaces white or light gray; add hazel in small objects.
- Outfits: anchor navy blue with tan or denim, and use dark taupe for one piece such as a scarf or shoes.
- Brands and websites: use navy blue for one role (background, buttons or headings), white for space and a dark neutral for text; white text reads best on navy blue itself.
- Follow the 60-30-10 rule: about 60% neutral, 30% your main color, 10% accent.
Colors that are close to navy blue but not the same, such as a slightly different shade, can look like a mistake rather than a choice. Either match it, or contrast it clearly in lightness or hue.
More about navy blue
- Navy Blue color: hex #001146, RGB, OKLCH, shades and contrast.
- Color harmonies on the color wheel: why these pairings work.
Colors that go with other colors
- Colors that go with brownMatching colors and palettes for brown.
- Colors that go with greenMatching colors and palettes for green.
- Colors that go with redMatching colors and palettes for red.
- Colors that go with purpleMatching colors and palettes for purple.
- Colors that go with grayMatching colors and palettes for gray.
- Colors that go with blueMatching colors and palettes for blue.
- Colors that go with pinkMatching colors and palettes for pink.
- Colors that go with orangeMatching colors and palettes for orange.
- Colors that go with yellowMatching colors and palettes for yellow.
- Colors that go with burgundyMatching colors and palettes for burgundy.
- Colors that go with tealMatching colors and palettes for teal.
- Colors that go with sage greenMatching colors and palettes for sage green.
- Colors that go with olive greenMatching colors and palettes for olive green.
- Colors that go with goldMatching colors and palettes for gold.
- Colors that go with light blueMatching colors and palettes for light blue.
- Colors that go with dark greenMatching colors and palettes for dark green.
- Colors that go with maroonMatching colors and palettes for maroon.
- Colors that go with dark blueMatching colors and palettes for dark blue.
Frequently asked questions
What colors go with navy blue?
Navy Blue pairs well with neutrals such as white, light gray and slate gray, and with accents such as hazel, dark taupe and dark slate blue. The palettes above show complete combinations with hex codes.
What is the complementary color of navy blue?
On the digital (OKLCH) color wheel, the complement of navy blue #001146 is close to Hazel #8E7618. Use it in small amounts for contrast, or a muted version for a softer pairing.
What color text goes on navy blue?
White text reads best on navy blue #001146. Check the exact pair in the contrast checker.
Does navy blue go with white?
Yes. White is a clean, light backdrop that lets the color lead, so it is one of the easiest pairings for navy blue.
Make a navy blue palette
Lock this color in the generator and let it suggest harmonies, then check contrast and export.