Cobalt blue is vivid, intense, and unmistakably confident. A bold, saturated blue, it commands attention and feels both modern and a little dramatic. Because cobalt is so strong, it works best as a statement color, balanced by clean neutrals and warm accents that let its depth shine.

This guide covers the best colors that go with cobalt blue, the color theory behind why they work, and ready-to-use palettes you can copy in a single click. Click any swatch to copy its hex code.

What color is cobalt blue, exactly? #

Cobalt blue is a deep, vivid blue, often written as #0047AB. It sits in the blue range, bright and highly saturated, named after the cobalt pigment. It is cleaner and punchier than the slightly purple royal blue, which gives it an electric, confident quality.

For related blues, see our guides to what goes with royal blue and what goes with blue.

The quick answer: best colors that go with cobalt blue #

If you just need the shortlist, these six pair beautifully with cobalt blue:

  • White, for a crisp, bold look
  • Gold, for a regal, luxurious glow
  • Coral, for a vivid, warm contrast
  • Gray, for a modern, balanced neutral
  • Blush pink, for a soft, unexpected contrast
  • Orange, for a complementary, high-energy duo

Each one comes with a copy-ready palette below.

1. Cobalt blue and white (crisp and bold) #

Cobalt blue with crisp white is sharp and confident. The white gives cobalt maximum clarity, creating a bold, clean look that feels fresh and modern.

This is the most reliable cobalt palette, ideal for fashion, tech, and confident branding.

Cobalt blue and white, crisp bold

2. Cobalt blue and gold (regal and luxurious) #

Cobalt blue and metallic gold are a rich, regal pairing. The warm gold glows against cobalt’s depth, creating a look that feels opulent and premium.

This is a great choice for luxury branding and statement design. Gold is just as versatile on its own, as covered in our guide to what goes with gold.

Cobalt blue and gold, regal

3. Cobalt blue and coral (vivid contrast) #

Cobalt’s complement sits in the warm orange range, so pairing it with coral creates a vivid, energizing contrast. The warm coral makes cobalt pop while cobalt deepens the coral.

It is a bold, playful combination for creative branding. See more in our guide to what goes with coral.

Cobalt blue and coral, vivid duo

4. Cobalt blue and gray (modern and balanced) #

Cobalt blue and gray make a smart, contemporary palette. The neutral gray tempers cobalt’s intensity, letting it read as a bold accent rather than a shout.

It is a lovely choice for tech, fashion, and clean branding. See more in our guide to what goes with gray.

Cobalt blue and gray, modern

5. Cobalt blue and blush pink (soft contrast) #

Cobalt blue and blush pink balance bold with soft. The gentle warm pink offsets cobalt’s intensity, creating an elegant, contemporary palette with a delicate touch.

It is a lovely choice for beauty and modern lifestyle branding. See more in our guide to what goes with blush pink.

Cobalt blue and blush, soft contrast

6. Cobalt blue and orange (complementary duo) #

Cobalt blue and orange are true complements, so the pairing delivers maximum, balanced contrast. The two energize each other, so use plenty of neutral space around them.

It is a bold, dynamic combination for sport and creative design. See more in our guide to what goes with orange.

Cobalt blue and orange, complementary

How to use cobalt blue in your designs #

A few rules to make any cobalt palette work:

  • Let it lead. Cobalt is bold and saturated, so it works best as a statement color.
  • Balance cool with warm. Gold, coral, or orange offsets cobalt’s coolness and adds energy.
  • Keep neutrals clean. White and gray give cobalt space and keep the palette crisp.
  • Mind your contrast. Cobalt is dark enough for white text to meet WCAG AA, which makes it excellent for buttons and headers.

Cobalt blue loves luxurious, clean, and contrasting partners. Explore these pairings next:

Build your own cobalt blue palette #

These hex codes are starting points. To build a complete palette around cobalt blue, use the PaletteDeck generator, browse our most popular palettes, or explore more color guides.

Click any swatch above to copy its hex code, then drop it into your design tool.