Eclipse Ultramarine color palette — #F6E7F4 · #003FD0 · #530D00 · #182329 · #040A00

Cobalt and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6E7F4): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#003FD0): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#530D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#182329): quiet, heavy and certain.
• Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Eclipse Ultramarine 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

• Nocturne Cabin color palette (#FBEBF3, #6000D1, #3E2500, #17171D, #050900)
• Lowlit Market color palette (#E9F0FF, #2E2A8A, #191E26, #3D001D, #0F0800)
• Onyx Station color palette (#D8E8E1, #005C80, #530030, #182329, #080800)
• Hazy Harbor color palette (#F3D9F3, #0D6DDE, #714F00, #323C00, #010200)
• Turquoise Corridor color palette (#F5E0D6, #54B3BA, #005E77, #002D1E, #000103)
• Smoked Lantern color palette (#E2E4F7, #842BD9, #69007B, #2E0021, #040001)
• Byzantium Courtyard color palette (#FFEDF3, #9944E8, #6E4100, #002C25, #000202)
• Timeworn Garnet color palette (#CBE5FF, #7F71AD, #6D304F, #002B10, #000501)

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