A near-black navy that anchors the palette with depth and quiet gravity.
Midnight Cobalt
#1E3A78
rgb(30, 58, 120)
A rich, saturated blue that feels both regal and electrified, like ink under moonlight.
Electric Cobalt
#2F5FCE
rgb(47, 95, 206)
A vivid, high-energy blue that pops with the brightness of neon signage.
Frosted Steel Blue
#A9C0E0
rgb(169, 192, 224)
A pale, cool blue that softens the palette like morning frost on glass.
Midnight Cobalt captures the tension between darkness and light, pairing near-black navy with electrified cobalt tones that seem to hum with quiet energy. The palette's deep foundation evokes stability and introspection, while its brighter accents suggest ambition, clarity, and forward motion. Psychologically, blue at this intensity communicates trust and intelligence, but the added saturation pushes it toward something more dynamic and modern. It's a palette that feels simultaneously grounded and alive, perfect for contexts that demand both authority and innovation.
Sponsors
This palette lends itself beautifully to technology brands, financial platforms, and premium digital products seeking a sophisticated yet energetic identity. The deep navy base works well for backgrounds and structural elements, while the electric cobalt can be reserved for calls-to-action, highlights, or interactive states that need to command attention. Frosted Steel Blue offers a versatile neutral-adjacent tone for text, borders, or secondary UI elements, ensuring the palette remains functional across diverse applications. Together, these colors suggest precision, trustworthiness, and a touch of after-dark glamour.
When implementing Midnight Cobalt in design systems, use Abyssal Navy as a dominant background or header color to establish depth without feeling heavy. Electric Cobalt works best in smaller doses — buttons, links, or icons — where its vibrancy can create visual hierarchy and guide user attention. Pair Midnight Cobalt itself with the lighter Frosted Steel Blue for cards, panels, or secondary surfaces to maintain contrast and readability. Testing color combinations against accessibility standards is recommended, particularly when placing Electric Cobalt text on darker backgrounds, to ensure sufficient contrast for all users.
