Eclipse Navy color palette — #EDE1CC · #644E00 · #003A84 · #2A1F00 · #000516

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

The five colors

• Parchment (#EDE1CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#644E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003A84): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#2A1F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000516): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Nocturne Nightshade color palette (#D2E6D5, #624700, #0015AE, #291C00, #00000B)
• Cocoa Harbor color palette (#FCE4D2, #813A00, #004460, #371500, #00070D)
• Aubergine Balcony color palette (#F1EDD4, #495900, #47009E, #1D2400, #07001D)
• Lowlit Orchard color palette (#E6E1CB, #4B3E00, #071397, #290054, #020200)
• Faded Ultramarine color palette (#FAECD6, #866200, #2C29EA, #493400, #020024)
• Moonless Quarry color palette (#E9EAD5, #8F4900, #141F23, #081900, #010300)
• Charred Grove color palette (#FBEBD5, #5D5C25, #3B2700, #220800, #010500)
• Aubergine Boulevard color palette (#DCE5C5, #00723F, #7B0084, #00371B, #1F0022)

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