Colors that go with cobalt blue
Cobalt blue (#0047AB) is a dark, vivid blue. Colors that go well with cobalt blue include Ginger (#AB6400), Kid Icarus (#AB0E00), Baltic (#009DAB), Cobalt (#0E00AB), Raspberry (#AB0047). For a safe, polished look, pair cobalt blue with a soft off-white like #F0F6FF and a deep neutral like #0F1B2D; for contrast, add a touch of its complement #AB6400.
Best colors to pair with cobalt blue
- ComplementaryGinger #AB6400
Opposite cobalt blue on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryKid Icarus #AB0E00
Sits next to cobalt blue's complement: lively contrast with less tension than the direct opposite.
- AnalogousBaltic #009DAB
A neighbouring hue that blends naturally with cobalt blue for calm, cohesive designs.
- AnalogousCobalt #0E00AB
The neighbour on the other side of cobalt blue — pair both for a soft, harmonious scheme.
- TriadicRaspberry #AB0047
One third of the way around the wheel from cobalt blue: vibrant but balanced.
- Light neutralCotton Ball #F0F6FF
An off-white with a hint of cobalt blue — an easy background that never feels stark.
- Dark neutralTrapped Darkness #0F1B2D
A deep, cobalt blue-tinted near-black for text and dark sections; softer than pure black.
- GraySerious Cloud #80848B
A warm-or-cool gray matched to cobalt blue for borders, captions and secondary UI.
Cobalt blue color palettes
Each palette keeps #0047AB in the middle; open one in the generator to tweak it.
- 00445E4969BB0047ABC0B8FF0094D7Analogous Cobalt blue palette
- 6243003D96FF0047AB182743E4C574Complementary Cobalt blue palette
- 00244E3B5FD10047AB9E9A41FFCAB8Split complementary Cobalt blue palette
- 3764A3A3E6A80047ABD7847A273E66Triadic Cobalt blue palette
- BAD7FF0624510047AB123B794591FFMonochromatic Cobalt blue palette
- 3C76003498FF0047AB57151CCFE3FFBalanced Cobalt blue palette
From our palette library
Text and backgrounds with cobalt blue
Check any other pair with the contrast checker.
FAQ
What colors go with cobalt blue?
Ginger (#AB6400), Kid Icarus (#AB0E00), Baltic (#009DAB), Cobalt (#0E00AB), Raspberry (#AB0047) go well with cobalt blue. Neutrals such as #F0F6FF and #0F1B2D are the easiest companions, and #AB6400 adds bold contrast as its complementary color.
What is the complementary color of cobalt blue?
The complementary color of cobalt blue (#0047AB) is #AB6400 (Ginger), which sits opposite it on the color wheel.
What neutral colors go with cobalt blue?
Off-whites, creams and grays with a slight cobalt blue tint, such as #F0F6FF and #80848B, plus a deep near-black like #0F1B2D. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on cobalt blue?
White text on #0047AB has a contrast ratio of 8.44:1 (very good). For cobalt blue text, use a background like #FFFFFF (8.44:1, very good).
Is cobalt blue a warm or cool color?
Cobalt blue is a cool color in the blue family.