Frosty Morning — 5-color palette
#E0F4FF#A6D8F0#5B9BD5#1F4E79#0D1F3CHex codes
Hex
#E0F4FF
RGB
224, 244, 255
HSL
201°, 100%, 94%
Hex
#A6D8F0
RGB
166, 216, 240
HSL
199°, 71%, 80%
Hex
#5B9BD5
RGB
91, 155, 213
HSL
209°, 59%, 60%
Hex
#1F4E79
RGB
31, 78, 121
HSL
209°, 59%, 30%
Hex
#0D1F3C
RGB
13, 31, 60
HSL
217°, 64%, 14%
How to use this palette
The first color in Frosty Morning 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 {
--frosty-morning-1: #E0F4FF;
--frosty-morning-2: #A6D8F0;
--frosty-morning-3: #5B9BD5;
--frosty-morning-4: #1F4E79;
--frosty-morning-5: #0D1F3C;
}