Navy Blue Color Palette
Authority · Classic · Sophisticated
A deep, authoritative navy blue palette — from pale powder blue to near-black midnight navy. Navy is one of the most enduring and versatile neutrals in design, projecting confidence, authority, and classic sophistication.
| Swatch | Name | Hex |
|---|---|---|
| Powder Blue | #EFF4FF | |
| Steel Blue | #C3CFED | |
| Medium Navy | #6C8BC0 | |
| Navy | #2E4D8E | |
| Deep Navy | #1A2E5E | |
| Midnight | #0D1B3C |
Best For
Deep navy makes an excellent dark alternative to black for body text and backgrounds. Pair with gold or cream for a premium, classic aesthetic. Powder blue provides a complementary light-mode tint.
CSS Custom Properties
:root {
--navy-100: #EFF4FF;
--navy-200: #C3CFED;
--navy-300: #6C8BC0;
--navy-400: #2E4D8E;
--navy-500: #1A2E5E;
--navy-600: #0D1B3C;
}Tailwind CSS Config
// tailwind.config.ts
export default {
theme: {
extend: {
colors: {
"navy": {
"100": "#EFF4FF",
"200": "#C3CFED",
"300": "#6C8BC0",
"400": "#2E4D8E",
"500": "#1A2E5E",
"600": "#0D1B3C",
},
},
},
},
}Generate a custom palette
Enter any seed colour and generate complementary, analogous, triadic, and monochromatic palettes. Export as CSS variables, Tailwind config, or JSON.
Open Color Palette GeneratorFrequently Asked Questions
What hex codes are in the Navy Blue Color Palette?
The Navy Blue Color Palette includes: Powder Blue (#EFF4FF), Steel Blue (#C3CFED), Medium Navy (#6C8BC0), Navy (#2E4D8E), Deep Navy (#1A2E5E), Midnight (#0D1B3C).
What is the mood of the Navy Blue Color Palette?
Navy Blue Color Palette evokes: Authority · Classic · Sophisticated. A deep, authoritative navy blue palette — from pale powder blue to near-black midnight navy. Navy is one of the most enduring and versatile neutrals in design, projecting confidence, authority, and classic sophistication.
What industries use the Navy Blue Color Palette?
The Navy Blue Color Palette is popular in: Finance, Legal, Government, Premium Retail. Deep navy makes an excellent dark alternative to black for body text and backgrounds. Pair with gold or cream for a premium, classic aesthetic. Powder blue provides a complementary light-mode tint.
What colours pair well with this palette?
This palette pairs well with: gold, cream, white. Deep navy makes an excellent dark alternative to black for body text and backgrounds. Pair with gold or cream for a premium, classic aesthetic. Powder blue provides a complementary light-mode tint.