Cobalt Blue — 5-color palette
#FFFFFF#F5E6D3#1E3A8A#1E40AF#D4AF37Hex codes
Hex
#FFFFFF
RGB
255, 255, 255
HSL
0°, 0%, 100%
Hex
#F5E6D3
RGB
245, 230, 211
HSL
34°, 63%, 89%
Hex
#1E3A8A
RGB
30, 58, 138
HSL
224°, 64%, 33%
Hex
#1E40AF
RGB
30, 64, 175
HSL
226°, 71%, 40%
Hex
#D4AF37
RGB
212, 175, 55
HSL
46°, 65%, 52%
How to use this palette
The first color in Cobalt Blue is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--cobalt-blue-1: #FFFFFF;
--cobalt-blue-2: #F5E6D3;
--cobalt-blue-3: #1E3A8A;
--cobalt-blue-4: #1E40AF;
--cobalt-blue-5: #D4AF37;
}