Eclipse Navy color palette — #F4DCF1 · #0742A7 · #513500 · #001750 · #020100

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

The five colors

• Blush (#F4DCF1): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#0742A7): A full-bodied, vivid violet — the color of a velvet chair.
• Cocoa (#513500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#001750): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Denim Lagoon color palette (#DDF2EB, #00517E, #563200, #002037, #020100)
• Velvet Quarry color palette (#FDE5F0, #542BA1, #374100, #250054, #010100)
• Cobalt Terrace color palette (#C4E9DE, #006FB5, #635400, #002D4E, #020100)
• Timeworn Corridor color palette (#E4EFFF, #025BE6, #745000, #002D87, #0A0500)
• Nightshade Veranda color palette (#E2E9FC, #1620A0, #620204, #002C0B, #00000C)
• Hushed Byzantium Thicket color palette (#FFE2FA, #8A7CCB, #9F3DA9, #003655, #020014)
• Worn Grape Boulevard color palette (#D5F4E8, #934500, #6500C2, #1C080F, #040002)
• Aged Veranda color palette (#F4DBE3, #8348BB, #4E6100, #4C007B, #060900)

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