A dense, velvety navy holding the deepest hour of night, dark enough to set the register for every brighter blue that follows it.
Cobalt Core
#1E3F8C
rgb(30, 63, 140)
A rich, saturated cobalt that feels confident, grounded, and quietly regal.
Electric Reverie
#2F6FE0
rgb(47, 111, 224)
A vivid, energized blue that hums with the clarity of a lucid dream.
Dusky Periwinkle
#7FA0EB
rgb(127, 160, 235)
A soft, hazy blue-violet lending the set a wistful, airy calm.
Pale Mist Blue
#D6E4FA
rgb(214, 228, 250)
A whisper-light blue like morning fog, offering breathing room and gentle contrast.
Cobalt Reverie is built on the emotional gravity of blue, stretched across a spectrum from near-black depth to barely-there light. The darkest tones evoke introspection and stillness, while the brighter cobalt and electric hues introduce a sense of motion and clarity, like sudden clarity breaking through a dream. This tension between depth and brightness gives the palette a layered, contemplative quality rather than a flat, single-note blue. Psychologically, blue is trusted and calming, and this palette leans into that trust while adding enough vibrancy to avoid feeling cold or static. What comes out of it reads as grounded and slightly otherworldly at once.
Sponsors
Technology, wellness, and creative studios all have an easy claim on this kind of reliability without sacrificing imagination. Midnight Cobalt Depths and Cobalt Core work well as dominant brand colors or dark-mode backgrounds, conveying trust and sophistication. Electric Reverie makes an ideal accent for calls-to-action, links, or highlights, injecting energy without clashing with the cooler tones around it. Dusky Periwinkle and Pale Mist Blue round out the set as supporting neutrals, well suited to backgrounds, cards, or secondary UI elements that stay light and unobtrusive.
Cobalt Reverie holds up equally well on screen and in print. Use Midnight Cobalt Depths for headers, navigation bars, or dark-themed interfaces where depth and focus are priorities. Electric Reverie and Cobalt Core pair well for buttons, icons, and data visualization elements that need to stand out against lighter backgrounds. Reserve Pale Mist Blue and Dusky Periwinkle for whitespace-heavy layouts, subtle gradients, or soft background washes that let content breathe. Together, the five colors offer enough contrast for accessible text and UI hierarchy while maintaining a cohesive, dreamlike blue identity throughout.
