Guten

Color Palette

Navy Blue Color Palette

Navy blue is a deep, authoritative color that conveys trust, stability, and professionalism. It is one of the most versatile dark blues, working equally well in corporate branding, editorial design, and fashion. This palette provides five carefully chosen variations ranging from the classic navy to lighter and darker complements, giving you a complete tonal range for any project.

#001F3FBase
#001027
#002B57
#003D7A
#1A4F8A
#3366A0
Open in Palette Generator

Color Values

#001F3Frgb(0, 31, 63)hsl(210, 100%, 12%)
#001027rgb(0, 16, 39)hsl(215, 100%, 8%)
#002B57rgb(0, 43, 87)hsl(210, 100%, 17%)
#003D7Argb(0, 61, 122)hsl(210, 100%, 24%)
#1A4F8Argb(26, 79, 138)hsl(212, 68%, 32%)
#3366A0rgb(51, 102, 160)hsl(212, 52%, 41%)

Frequently Asked Questions

›What is the hex code for navy blue?

The standard navy blue hex code is #001F3F. The CSS named color 'navy' is #000080, which is slightly different — a purer blue with less green.

›What colors go well with navy blue?

Navy blue pairs beautifully with gold (#FFD700), coral (#FF7F50), white (#FFFFFF), and blush pink (#DE5D83). These combinations create strong contrast while maintaining elegance.

›Is navy blue the same as dark blue?

Not exactly. Navy blue has a slight green undertone that distinguishes it from pure dark blue. True navy (#001F3F) appears warmer and more muted than a straight dark blue (#00008B).

navy blue palettenavy blue color schemenavy blue shadesnavy blue hex codedark blue palette