Monochrome Blue Color Palette
A full spectrum of blues from midnight navy to the palest sky creates depth through a single hue. This monochromatic approach is ideal for financial dashboards, weather apps, and ocean-themed design.
#0A1628
Dark Blue
RGB(10, 22, 40)
HSL(216, 60%, 10%)
#1B3A5C
Deep Blue
RGB(27, 58, 92)
HSL(211, 55%, 23%)
#2C5E8E
Blue
RGB(44, 94, 142)
HSL(209, 53%, 36%)
#4A88C0
Blue
RGB(74, 136, 192)
HSL(208, 48%, 52%)
#80B3D8
Pale Blue
RGB(128, 179, 216)
HSL(205, 53%, 67%)
#C0DAEE
Light Blue
RGB(192, 218, 238)
HSL(206, 58%, 84%)
lightbulbBest Use Cases
- checkFinancial dashboards
- checkWeather apps
- checkOcean themes
businessIndustries
- checkFinance
- checkTechnology
Mood:cohesive
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #0A1628;
--color-2: #1B3A5C;
--color-3: #2C5E8E;
--color-4: #4A88C0;
--color-5: #80B3D8;
--color-6: #C0DAEE;
}Tailwind CSS Config
colors: {
'monochrome-blue-1': '#0A1628',
'monochrome-blue-2': '#1B3A5C',
'monochrome-blue-3': '#2C5E8E',
'monochrome-blue-4': '#4A88C0',
'monochrome-blue-5': '#80B3D8',
'monochrome-blue-6': '#C0DAEE',
}monochromebluegradientcohesiveprofessional
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free