Eclipse Ultramarine color palette — #F5E2F3 · #2D5FBC · #351A2E · #160615 · #040104

Cobalt takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F5E2F3): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#2D5FBC): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#351A2E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#160615): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#040104): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Eclipse Petrol color palette (#D6F1E8, #006AA4, #311C31, #00100B, #000302)
• Dusty Archive color palette (#F9E4F0, #6D6CAF, #412834, #200F1A, #090508)
• Hushed Cornflower Thicket color palette (#DFE8F4, #3A79F0, #363C64, #172232, #080E14)
• Grape Lantern color palette (#FEDCE8, #7A1DBA, #31053B, #0E001D, #040002)
• Plum Villa color palette (#FFE1EF, #816AC1, #B43B6A, #006483, #160C2C)
• Twilit Orchard color palette (#F1E0EC, #2829A8, #0E062B, #0E0205, #00000C)
• Twilit Boulevard color palette (#EFDCE5, #420088, #28120F, #0D0018, #060001)
• Plum Terrace color palette (#FFE9EA, #A8358D, #45162D, #230308, #0B0102)

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