---
url: 'https://piktochart.com/blog/shades-of-navy-blue/'
title: The 25 Best Shades of Navy Blue (+ HEX Codes)
author:
  name: Vinnie Wong
  url: 'https://piktochart.com/blog/author/vinniewong/'
date: '2026-04-21T16:46:55+00:00'
modified: '2026-04-21T17:21:46+00:00'
type: post
summary: 'Discover the top 25 shades of navy blue with HEX codes for your design needs. Perfect for web, graphic, and interior design inspiration!'
categories:
  - Colors
image: 'https://piktochart.com/wp-content/uploads/2026/04/6711bea371b47973b4a0b5a1_airtable-1e8a402db524ce6d72cf6c85f12e31d1-jpv69csu.jpeg'
published: true
---

# The 25 Best Shades of Navy Blue (+ HEX Codes)

Navy blue is a timeless color that exudes sophistication and elegance. Its deep, rich tones make it a versatile choice for various design applications.

From fashion to interior design, navy blue shades can create a sense of calm and authority. Understanding the different shades of navy blue can help you make informed design decisions.

## 25 Shades of Navy Blue

Navy blue encompasses a spectrum of shades, ranging from light to dark, each offering distinct characteristics. These variations can be strategically used to enhance different design contexts, from web design to branding.

Each shade of navy blue brings a unique quality to the palette, adding depth and versatility. Whether you’re aiming for a serene ambiance or a bold statement, there’s a navy blue shade to suit your needs.

### 1) Rich Black

![Rich Black](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ad5f71e7fe9c13c0c13b2a_airtable-4ff14dc1d590a1e4d9239e761432619d-ai2kbx4i.jpeg)

[Rich Black](https://piktochart.com/tips/what-color-is-rich-black) is a deep, intense shade that borders on the edge of navy blue and black. Its visual characteristics include a profound depth and a sleek, modern finish, making it unique within the navy blue family. This shade is perfect for creating a dramatic backdrop in web design, adding a touch of sophistication and mystery.

### 2) Saint Patrick Blue

![Saint Patrick Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ad5f6ab0cc6fc961798950_airtable-b10971cf045a7f3b08a34cf352ad499f-r7piz5vg.jpeg)

[Saint Patrick Blue](https://piktochart.com/tips/what-color-is-saint-patrick-blue) is a vibrant shade that blends the depth of navy with a hint of teal, creating a unique and refreshing hue. Its distinctiveness lies in its ability to evoke both tranquility and energy, making it ideal for branding projects that aim to stand out while maintaining a professional tone. This shade is particularly effective in logo design, where it can add a touch of modernity and elegance.

### 3) Oxford Blue

![Oxford Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e40d6c355ea6dc33fd9_airtable-e8e582f781fbaa208cb926b6a3233e35-snfvvhh8.jpeg)

[Oxford Blue](https://piktochart.com/tips/what-color-is-oxford-blue) is a deep, muted shade that exudes a sense of tradition and reliability. Its unique blend of navy and gray undertones makes it perfect for creating a professional and authoritative look. This shade is particularly well-suited for corporate branding, where it can convey stability and trustworthiness.

### 4) International Klein Blue

![International Klein Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ad5f69b69c1b25f3a9bd4b_airtable-7b491eb6dea43902c7756175e8d31ecb-nkpbmznf.jpeg)

[International Klein Blue](https://piktochart.com/tips/what-color-is-international-klein-blue) is a vivid, ultramarine shade that stands out for its intense saturation and luminosity. This unique shade within the navy blue family is known for its striking visual impact, making it ideal for artistic projects and bold design statements. Its vibrant hue can be effectively used in modern art installations to create a captivating focal point.

### 5) Cool Black

![Cool Black](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66c39cb07c143090b0866f6e_airtable-dc086206a7e9bfc4dc9db392fc50ee24-lq4mu0qy.jpeg)

[Cool Black](https://piktochart.com/tips/what-color-is-cool-black) is a sleek, dark shade that combines the depth of navy blue with a subtle hint of gray. This unique blend gives it a modern, sophisticated edge, making it perfect for high-end branding and minimalist web design. Its understated elegance can add a touch of refinement to any project.

### 6) UA Blue

![UA Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e48b7e26055e5d0b415_airtable-ee2576ac1770c9bb60f131e898a673ba-lyjhytcf.jpeg)

[UA Blue](https://piktochart.com/tips/what-color-is-ua-blue) is a bold, vibrant shade that stands out within the navy blue family for its striking intensity and clarity. Its unique visual characteristics include a bright, almost electric quality that can energize any design. This shade is particularly effective in sports branding, where it can convey a sense of dynamism and team spirit.

### 7) Cobalt

![Cobalt](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ba78e0c939c2594495d105_airtable-cf54044d1953eb54e285729984113eb3-ohfekn1x.jpeg)

[Cobalt](https://piktochart.com/tips/what-color-is-cobalt) is a vibrant, intense shade that stands out within the navy blue family for its bright, almost electric quality. Its unique visual characteristics include a striking luminosity and a bold presence, making it ideal for modern web design where a touch of energy and sophistication is desired.

### 8) Dark Midnight Blue

![Dark Midnight Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ce238db41c02943613b030_airtable-dbe29af327731e661ba82c3a48884b05-hk56rpys.jpeg)

[Dark Midnight Blue](https://piktochart.com/tips/what-color-is-dark-midnight-blue) is a deep, almost black shade of navy blue that exudes mystery and sophistication. Its unique visual characteristics include a profound depth and a subtle hint of indigo, making it perfect for creating dramatic, elegant backdrops in luxury branding and high-end web design.

### 9) Warm Black

![Warm Black](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66c39cc8e7a4072a6108e375_airtable-9a628273d05020236b010d7c74ee165c-kctnwcf0.jpeg)

[Warm Black](https://piktochart.com/tips/what-color-is-warm-black) is a rich, dark shade that combines the depth of navy blue with a subtle warmth, creating a unique and inviting hue. Its visual characteristics include a soft, almost velvety finish that sets it apart within the navy blue family. This shade is ideal for creating cozy, sophisticated interiors, adding a touch of elegance and comfort to any space.

### 10) Prussian Blue

![Prussian Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66df38f03335bb58e16dcfef_airtable-8222569e5820b9746dbad0ec06bd9990-7jo0e2qm.jpeg)

[Prussian Blue](https://piktochart.com/tips/what-color-is-prussian-blue) is a deep, intense shade with a slightly greenish undertone, giving it a unique, almost historical feel within the navy blue family. Its rich, saturated hue makes it perfect for creating striking visual contrasts in graphic design, adding a touch of vintage elegance to any project.

### 11) Phthalo Blue

![Phthalo Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ce2392cb6990ed33ab3347_airtable-95db70a5e29a09652a6ac41a1a58e574-sdbqxt2u.jpeg)

[Phthalo Blue](https://piktochart.com/tips/what-color-is-phthalo-blue) is a vibrant, intense shade with a slightly greenish undertone, making it stand out within the navy blue family. Its unique visual characteristics include a bright, almost electric quality that can energize any design. This shade is particularly effective in digital art, where it can add a dynamic and modern touch.

### 12) Dark Blue

![Dark Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66c39cb216589a453e4cb870_airtable-1f3124016884829add462d900f7df02c-h8sed0x4.jpeg)

[Dark Blue](https://piktochart.com/tips/what-color-is-dark-blue) is a deep, rich shade that exudes a sense of calm and authority. Its unique visual characteristics include a profound depth and a subtle hint of gray, making it stand out within the navy blue family. This shade is particularly effective in corporate branding, where it can convey professionalism and reliability.

### 13) Zaffre

![Zaffre](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e49106c6e914e1cef7b_airtable-4ed7337cd3c32bb8bf531b4b3210a7b9-v6l7o9ua.jpeg)

[Zaffre](https://piktochart.com/tips/what-color-is-zaffre) is a vivid, deep blue shade with a striking intensity that sets it apart within the navy blue family. Its unique visual characteristics include a rich, almost electric quality that can add a bold touch to any design. This shade is particularly effective in modern web design, where it can create a captivating and dynamic visual experience.

### 14) Phthalo Green

![Phthalo Green](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ce238d617e8a493bd1e561_airtable-f2bf80b24765fe62edd1cebf4465eaf5-u02vmxwl.jpeg)

[Phthalo Green](https://piktochart.com/tips/what-color-is-phthalo-green) is a vibrant, intense shade with a slightly bluish undertone, making it a unique member of the navy blue family. Its bright, almost electric quality can add a dynamic and modern touch to any design. This shade is particularly effective in digital art, where it can create a striking visual impact.

### 15) Dark Cerulean

![Dark Cerulean](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ce2396c04c2523a9d898f9_airtable-a2b1312ec74496ebfa9e8380170fa969-yer2xbcs.jpeg)

[Dark Cerulean](https://piktochart.com/tips/what-color-is-dark-cerulean) is a rich, deep shade with a subtle hint of green, giving it a unique, almost aquatic feel within the navy blue family. Its visual characteristics include a profound depth and a serene, calming quality. This shade is particularly effective in environmental branding, where it can evoke a sense of tranquility and connection to nature.

### 16) Dark Jungle Green

![Dark Jungle Green](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ad5f69eee01916b7600508_airtable-685c2a34be1c6db56f62d1fe976a651d-okra0wwy.jpeg)

[Dark Jungle Green](https://piktochart.com/tips/what-color-is-dark-jungle-green) is a deep, muted shade with a subtle hint of green, giving it a unique, earthy quality within the navy blue family. Its visual characteristics include a rich, almost forest-like depth, making it perfect for creating a grounded, natural ambiance in interior design. This shade is particularly effective in eco-friendly branding, where it can evoke a sense of sustainability and connection to nature.

### 17) Persian Blue

![Persian Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e418153226c988979c2_airtable-82a2d2ca19d69993ebd2ee5fd751fbf4-daextrgt.jpeg)

[Persian Blue](https://piktochart.com/tips/what-color-is-persian-blue) is a vibrant, deep shade with a slightly purplish undertone, giving it a unique, regal quality within the navy blue family. Its rich, saturated hue makes it perfect for creating striking visual contrasts in graphic design, adding a touch of elegance and sophistication to any project.

### 18) True Blue

![True Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ad5f63f9bda3616d2ec9a4_airtable-55b8f6a699df0168b9c6c48bac4f1467-wuf3ehu1.jpeg)

[True Blue](https://piktochart.com/tips/what-color-is-true-blue) is a vibrant, clear shade that stands out within the navy blue family for its pure, unadulterated hue. Its unique visual characteristics include a bright, almost crystalline quality that can add a refreshing touch to any design. This shade is particularly effective in corporate branding, where it can convey a sense of trust and reliability.

### 19) Medium Persian Blue

![Medium Persian Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ce2391104e595a5f0996ae_airtable-c347f8fbd20719a1d0bc3e93424f5c0c-zb8ez3vs.jpeg)

[Medium Persian Blue](https://piktochart.com/tips/what-color-is-medium-persian-blue) is a vibrant, deep shade with a slightly greenish undertone, giving it a unique, almost exotic quality within the navy blue family. Its rich, saturated hue makes it perfect for creating striking visual contrasts in graphic design, adding a touch of elegance and sophistication to any project.

### 20) Sea Blue

![Sea Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ba78f1ce9c90c99a2dc792_airtable-6c15425fe6184d92cea1c562b9722356-jdt8kvxb.jpeg)

[Sea Blue](https://piktochart.com/tips/what-color-is-sea-blue) is a vibrant, refreshing shade with a subtle hint of green, giving it a unique, almost aquatic quality within the navy blue family. Its bright, serene hue makes it perfect for creating calming, nature-inspired designs, particularly effective in environmental branding where it can evoke a sense of tranquility and connection to the ocean.

### 21) Pacific Blue

![Pacific Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66ba78eca231eb30e99e0f86_airtable-10297aca1bb41bcded8e387ce0d869a0-wvjhtzec.jpeg)

[Pacific Blue](https://piktochart.com/tips/what-color-is-pacific-blue) is a vibrant, deep shade with a subtle hint of green, giving it a unique, almost tropical quality within the navy blue family. Its bright, refreshing hue makes it perfect for creating calming, nature-inspired designs, particularly effective in travel branding where it can evoke a sense of adventure and connection to the ocean.

### 22) Bondi Blue

![Bondi Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e316d1b3e37580ffea8_airtable-251a422f3db8f4d23bd2eab1797df651-4feft34s.jpeg)

[Bondi Blue](https://piktochart.com/tips/what-color-is-bondi-blue) is a vibrant, refreshing shade with a subtle hint of green, giving it a unique, almost tropical quality within the navy blue family. Its bright, invigorating hue makes it perfect for creating eye-catching, nature-inspired designs. This shade is particularly effective in travel branding, where it can evoke a sense of adventure and connection to the ocean.

### 23) Cerulean

![Cerulean](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e348f4a9d5c3652b3f2_airtable-1b27301105dc5a049b052259409b101e-k7f93sqm.jpeg)

[Cerulean](https://piktochart.com/tips/what-color-is-cerulean) is a vibrant, sky-blue shade that stands out within the navy blue family for its bright, almost ethereal quality. Its unique visual characteristics include a refreshing, clear hue that evokes a sense of calm and openness. This shade is particularly effective in web design, where it can create a serene and inviting user experience.

### 24) Azure

![Azure](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66b41e2f6d7a053ed9e3ddd2_airtable-f93811be6296f5ee37057abc4a01fb0f-fulmi7to.jpeg)

[Azure](https://piktochart.com/tips/what-color-is-azure) is a bright, clear shade that stands out within the navy blue family for its vivid, almost sky-like quality. Its unique visual characteristics include a refreshing, luminous hue that evokes a sense of openness and tranquility. This shade is particularly effective in web design, where it can create an inviting and serene user experience.

### 25) Han Blue

![Han Blue](https://cdn.prod.website-files.com/66671b800c367e1fd46c54bc/66d5f07cdaea1d566e5c7061_airtable-22f677237e4f4985bc84ddc9793517d8-r2ykt7xk.jpeg)

[Han Blue](https://piktochart.com/tips/what-color-is-han-blue) is a vibrant, deep shade with a subtle hint of purple, giving it a unique, almost regal quality within the navy blue family. Its rich, saturated hue makes it perfect for creating striking visual contrasts in graphic design, adding a touch of elegance and sophistication to any project.

## How to Use These Shades of Navy Blue

You can leverage the diverse shades of navy blue to enhance various design projects. For instance, [Rich Black](https://piktochart.com/tips/what-color-is-rich-black) and [Dark Midnight Blue](https://piktochart.com/tips/what-color-is-dark-midnight-blue) are perfect for creating dramatic backdrops in web design, adding a touch of sophistication and mystery.

In branding, shades like [Saint Patrick Blue](https://piktochart.com/tips/what-color-is-saint-patrick-blue) and [UA Blue](https://piktochart.com/tips/what-color-is-ua-blue) can make your logo stand out while maintaining a professional tone. These vibrant hues are particularly effective in sports branding, where they convey dynamism and team spirit.

For interior decor, consider using [Warm Black](https://piktochart.com/tips/what-color-is-warm-black) and [Dark Jungle Green](https://piktochart.com/tips/what-color-is-dark-jungle-green) to create cozy, sophisticated spaces. These shades add a touch of elegance and comfort, making them ideal for creating inviting environments.

## Use These Shades of Navy Blue in Your Piktochart Projects

Incorporating the diverse shades of navy blue into your Piktochart projects can elevate your designs, adding depth and sophistication. Whether you’re creating infographics, reports, or presentations, these hues offer a versatile palette that can enhance any visual narrative.

From the calming tones of Sea Blue to the bold intensity of UA Blue, each shade brings a unique quality to your work. Ready to transform your ideas into captivating visuals? [Try Piktochart](https://piktochart.com/) and start designing with these stunning shades of navy blue today!