Navy color palette
Navy (#000080) is dark enough to act as your text colour, so this palette pairs it with light partners: pale blue tints, a light gold complement (#f4d392), and goldenrod or coral for accents.
Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.
At a glance
- Base: Navy
- #000080 · white text 16.00:1 (AAA), near-black text 1.13:1 (Fail)
- Source: w3.org, checked 2026-11
- Complementary colour (180°)
- #342400
- Analogous colours (±30°)
- #002b3e and #300066
- Triadic colours (120° and 240°)
- #500008 and #003104
- Text on the scale
- White text passes AA from step 600; near-black text passes up to step 500
Give your page these colours
A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.
Navy color palette: what to know
This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.
What makes navy pop
Navy's complement at the same darkness is almost black, so use a lighter one. On navy, goldenrod reads at 7.15:1 and coral at 6.40:1, both above 4.5:1. White on navy is 16.00:1.
Warm accents (gold, coral, orange) make navy look brighter; cool ones (light blue, grey) keep it calm and formal.
Questions
What colors complement navy well?
Gold, mustard and coral for warmth; light blue, grey and white for a calm, classic look.
What colors make navy pop?
Warm, light colours. Goldenrod (#daa520) and coral (#ff7f50) both clear 4.5:1 against navy, so they also work as text or icons on a navy background.