Eclipse Navy color palette — #ECDCE8 · #8A7300 · #130088 · #010024 · #050004

A conversation between Indigo and Walnut, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#ECDCE8): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#8A7300): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#130088): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#010024): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged luxury, 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

• Onyx Harbor color palette (#DEEAFF, #9A7300, #0C005D, #0B0719, #00000B)
• Aubergine Study color palette (#EDDBE4, #448734, #350070, #08001C, #0B0001)
• Aged Navy Summit color palette (#E6EFFE, #9F8500, #263F96, #040A43, #000109)
• Weathered Bronze color palette (#D4E8E1, #B15825, #002E4C, #141C21, #000610)
• Muted Aubergine Hollow color palette (#E7DBDF, #B69EA0, #A77973, #542B83, #13040A)
• Muted Atelier color palette (#F5DEE6, #6FA442, #592487, #25093C, #090003)
• Mulberry Dune color palette (#DCE5F7, #AF0443, #0D0048, #1A0D1A, #010013)
• Navy Hollow color palette (#F0E4EF, #004195, #512C00, #00251D, #000108)

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