Eclipse Cobalt color palette — #E1EDF8 · #0074BA · #003556 · #000F20 · #000205

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1EDF8): bright and airy, almost weightless.
• Cerulean (#0074BA): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003556): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000F20): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000205): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, cool.

Use it as a design system

One click turns Eclipse Cobalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Feathered Azure Garden color palette (#E3F0FA, #24A4FD, #0077B8, #004772, #000205)
• Pale Station color palette (#D4EDFF, #008CDC, #005A89, #002B4B, #000309)
• Obsidian Sapphire Ridge color palette (#D6E3F7, #3570D3, #00317F, #000736, #000011)
• Lagoon Station color palette (#BBE8EA, #008A88, #003F41, #001817, #000505)
• Timeworn Terrace color palette (#D6ECFA, #85A2DB, #7E5CC2, #004954, #001532)
• Aubergine Ridge color palette (#F4E3EC, #635AAE, #62002C, #28006D, #060001)
• Aubergine Delta color palette (#E3E0F2, #6C59BB, #400081, #110031, #02000B)
• Pale Sapphire Lagoon color palette (#E4EAD3, #EA0180, #2153F6, #000022, #050005)

Browse the whole catalog at Explore, or see today's palette.