UI Shades

A study in blue

Navy

#000080

Family
Blue
L
0.271
C
0.188
H
264°

Notes

Navy is one of the oldest color words in English, named after the dark blue uniforms of military fleets. The CSS hex is identical to Dark Blue almost by accident, both inheriting from the same X11 source. It carries authoritative, professional, and heritage associations across cultures. Common as a primary identity colour for financial, legal, or editorial products. Pair with cream and warm gold for traditional palettes, or with bright coral for unexpected energy. Navy passes AAA at every standard size and remains one of the most legible saturated colors in the CSS spec.

#000080
Navy
Navy
#000080
oklch(0.271 0.188 264.05)
rgb(0 0 128)
hsl(240 100% 25.1%)
Share
#f1fbff
#e8f5ff
#d2e6ff
#b8d4ff
#87b2ff
#447fff
#1959ff
#023af5
#0023bc
#000080
#000551

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Navy

Cross-reference
Q&A

Frequently asked questions

What is Navy?

Navy is one of the oldest color words in English, named after the dark blue uniforms of military fleets. The CSS hex is identical to Dark Blue almost by accident, both inheriting from the same X11 source. Its hex code is #000080.

What are the tints and shades of Navy?

uishades builds an 11-step OKLCH ramp for Navy (#000080) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Navy?

Its complementary color is #372200. Triadic partners are #550001 and #003300; analogous neighbours are #320070 and #002B48.

What are the OKLCH and RGB values of Navy?

Navy is #000080 - OKLCH 0.271 0.188 264°, rgb(0 0 128), in the blue family.