Everyday neutralsCorporate and calm
Navy and White Color Combination
Navy keeps the authority of black but picks up a blue undertone that reads as trustworthy, and white supplies the contrast. It is the safest serious pair in brand design.
Hex codes #000080 and #FFFFFF — a corporate and calm pair with a 16.01:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(0, 0, 128)
- HSL
- hsl(240, 100%, 25%)
- Hex
- #000080
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
- Hex
- #FFFFFF
Contrast between Navy and White
Contrast ratio 16.01:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
White text on a Navy surface, at 16.01:1.
Navy text on a White surface, at 16.01:1.
Where this pair works
- Finance branding
- Corporate decks
- Nautical themes
Give Navy (#000080) roughly 60% of the surface, White (#FFFFFF) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Navy and White as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#efebebbackgrounds and large surfaces · closest to Isabelline
- Primary#000080the dominant color · closest to Navy
- Secondary#FFFFFFthe accent color · closest to White
- Deep shade#00004dtext, borders and icons · closest to OxfordBlue
- Neutral#f6f4f4dividers and quiet surfaces · closest to WhiteSmoke
Explore Navy and White on their own
Navy
More color combinations
Black and White
#000000 · #FFFFFFMaximum clarityOpen combinationGray and White
#808080 · #FFFFFFQuiet structureOpen combinationNavy and Gray
#000080 · #808080Layered neutralsOpen combinationWhite and Gold
#FFFFFF · #FFD700Festive eleganceOpen combinationNavy and SkyBlue
#000080 · #87CEEBTrusted rangeOpen combinationDenim and White
#1560BD · #FFFFFFEveryday denimOpen combinationNavy and White are a corporate and calm pair: navy keeps the authority of black but picks up a blue undertone that reads as trustworthy, and white supplies the contrast. It is the safest serious pair in brand design.
Frequently asked questions
Yes — this pair is used for finance branding, corporate decks, nautical themes. The two colors measure 16.01:1 against each other, which is enough for body text in either direction.
Good to know
- Every value on this page is calculated from #000080 and #FFFFFF — nothing is hardcoded.
- Build a longer palette out of Navy or White in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Navy and White into a full palette, a gradient or a set of shades — or check the pair against WCAG.
