Navy Blue Color Palette
A timeless palette anchored in deep navy blue, complemented by soft slate and crisp white accents. Perfect for corporate branding and professional interfaces that demand trust and authority.
#001F3F
Dark Blue
RGB(0, 31, 63)
HSL(210, 100%, 12%)
#003366
Deep Blue
RGB(0, 51, 102)
HSL(210, 100%, 20%)
#336699
Blue
RGB(51, 102, 153)
HSL(210, 50%, 40%)
#6699CC
Blue
RGB(102, 153, 204)
HSL(210, 50%, 60%)
#B0C4DE
Pale Blue
RGB(176, 196, 222)
HSL(214, 41%, 78%)
#E8EEF4
Dusty Blue
RGB(232, 238, 244)
HSL(210, 35%, 93%)
lightbulbBest Use Cases
- checkCorporate branding
- checkBusiness websites
- checkLegal firms
businessIndustries
- checkFinance
- checkLegal
Mood:authoritative
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #001F3F;
--color-2: #003366;
--color-3: #336699;
--color-4: #6699CC;
--color-5: #B0C4DE;
--color-6: #E8EEF4;
}Tailwind CSS Config
colors: {
'navy-blue-1': '#001F3F',
'navy-blue-2': '#003366',
'navy-blue-3': '#336699',
'navy-blue-4': '#6699CC',
'navy-blue-5': '#B0C4DE',
'navy-blue-6': '#E8EEF4',
}bluedarkprofessionalclassic
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free