Colors that go with midnight blue
Midnight blue (#191970) is a very dark, moderately saturated blue. Colors that go well with midnight blue include Muddy Green (#707019), Antique Brass (#704519), Aegean Blue (#194570), Fading Horizon (#451970), Bloodlust (#701919). For a safe, polished look, pair midnight blue with a soft off-white like #F2F5FF and a deep neutral like #15192B; for contrast, add a touch of its complement #707019.
Best colors to pair with midnight blue
- ComplementaryMuddy Green #707019
Opposite midnight blue on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryAntique Brass #704519
Sits next to midnight blue's complement: lively contrast with less tension than the direct opposite.
- AnalogousAegean Blue #194570
A neighbouring hue that blends naturally with midnight blue for calm, cohesive designs.
- AnalogousFading Horizon #451970
The neighbour on the other side of midnight blue — pair both for a soft, harmonious scheme.
- TriadicBloodlust #701919
One third of the way around the wheel from midnight blue: vibrant but balanced.
- Light neutralCotton Ball #F2F5FF
An off-white with a hint of midnight blue — an easy background that never feels stark.
- Dark neutralDark Knight #15192B
A deep, midnight blue-tinted near-black for text and dark sections; softer than pure black.
- GrayIronside #7D8087
A warm-or-cool gray matched to midnight blue for borders, captions and secondary UI.
Midnight blue color palettes
Each palette keeps #191970 in the middle; open one in the generator to tweak it.
- F5F1FF574FC319197064B8ED002241Analogous Midnight blue palette
- F5F8FF7A9FEA1919706B5408261D00Complementary Midnight blue palette
- A4A4FFE2E9FF19197098703B2E4F00Split complementary Midnight blue palette
- 030B305257B9191970DF8C84A5FCBETriadic Midnight blue palette
- D6DCFF8188D5191970393C7C5665ADMonochromatic Midnight blue palette
- 3F34004955C81919704BCB7AFFE3FDBalanced Midnight blue palette
From our palette library
Text and backgrounds with midnight blue
Check any other pair with the contrast checker.
FAQ
What colors go with midnight blue?
Muddy Green (#707019), Antique Brass (#704519), Aegean Blue (#194570), Fading Horizon (#451970), Bloodlust (#701919) go well with midnight blue. Neutrals such as #F2F5FF and #15192B are the easiest companions, and #707019 adds bold contrast as its complementary color.
What is the complementary color of midnight blue?
The complementary color of midnight blue (#191970) is #707019 (Muddy Green), which sits opposite it on the color wheel.
What neutral colors go with midnight blue?
Off-whites, creams and grays with a slight midnight blue tint, such as #F2F5FF and #7D8087, plus a deep near-black like #15192B. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on midnight blue?
White text on #191970 has a contrast ratio of 14.85:1 (super). For midnight blue text, use a background like #FFFFFF (14.85:1, super).
Is midnight blue a warm or cool color?
Midnight blue is a cool color in the blue family.