What colors go with dark blue?
Dark Blue goes with neutrals like white, light gray and slate gray, and with hazel, bronze and chrysanthemum 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 dark blue
- White#FFFFFFNeutral
- Light Gray#D3D3D3Neutral
- Slate Gray#708090Neutral
- Beige#F5F5DCNeutral
- Tan#D2B48CNeutral
- Hazel#8E7618Complementary
- Bronze#A87900Muted complement
- Chrysanthemum#560BADAnalogous
- Deep Sea Blue#015482Analogous
- Orangey Brown#B16002Split complementary
- Olive#808000Split complementary
- Crimson#DC143CTriadic
- 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 |
| Bronze | #A87900 | Muted complement | a softer version of the opposite, for contrast without clashing |
| Chrysanthemum | #560BAD | Analogous | a neighbor on the wheel, for a calm, harmonious look |
| Deep Sea Blue | #015482 | Analogous | the other neighbor on the wheel, for a natural blend |
| Orangey Brown | #B16002 | Split complementary | next to its opposite: lively but easier to balance |
| Olive | #808000 | Split complementary | the other side of its opposite, for a balanced accent |
| Crimson | #DC143C | Triadic | a third of the way around the wheel, for a playful mix |
| Silver | #C0C0C0 | Metallic | cool metals echo cool colors |
Dark Blue color palettes
Calm neutrals: the color with three neutrals and one gentle accent
Dark Blue #00008B, White #FFFFFF, Light Gray #D3D3D3, Slate Gray #708090, Chrysanthemum #560BAD. Open this palette in the generator.
Complementary pop: contrast from the opposite side of the wheel, balanced by neutrals
Dark Blue #00008B, Hazel #8E7618, Bronze #A87900, White #FFFFFF, Tan #D2B48C. Open this palette in the generator.
Analogous harmony: neighboring hues for a natural, blended look
Chrysanthemum #560BAD, Dark Blue #00008B, Deep Sea Blue #015482, 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, Dark Blue #00008B, Darkblue #030764, Night Blue #040348. Open this palette in the generator.
Split complementary: two accents beside the complement, lively but easy to balance
Dark Blue #00008B, Orangey Brown #B16002, Olive #808000, White #FFFFFF, Slate Gray #708090. Open this palette in the generator.
Playful triad: evenly spaced hues, softened with a neutral
Dark Blue #00008B, Crimson #DC143C, Light Gray #D3D3D3, Tan #D2B48C. Open this palette in the generator.
How to use dark blue with other colors
- Rooms and interiors: paint dark blue on one wall or use it in textiles, then keep larger surfaces white or light gray; add hazel in small objects.
- Outfits: anchor dark blue with tan or denim, and use bronze for one piece such as a scarf or shoes.
- Brands and websites: use dark blue for one role (background, buttons or headings), white for space and a dark neutral for text; white text reads best on dark blue itself.
- Follow the 60-30-10 rule: about 60% neutral, 30% your main color, 10% accent.
Colors that are close to dark 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 dark blue
- Dark Blue color: hex #00008B, 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 navy blueMatching colors and palettes for navy blue.
- 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.
Frequently asked questions
What colors go with dark blue?
Dark Blue pairs well with neutrals such as white, light gray and slate gray, and with accents such as hazel, bronze and chrysanthemum. The palettes above show complete combinations with hex codes.
What is the complementary color of dark blue?
On the digital (OKLCH) color wheel, the complement of dark blue #00008B 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 dark blue?
White text reads best on dark blue #00008B. Check the exact pair in the contrast checker.
Does dark 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 dark blue.
Make a dark blue palette
Lock this color in the generator and let it suggest harmonies, then check contrast and export.