Eclipse Navy color palette — #D1E8FF · #004679 · #3D3700 · #201D00 · #00050E

Navy takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D1E8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#004679): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Olive (#3D3700): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#201D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00050E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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

• Moonless Cocoa color palette (#E0F4F4, #004E51, #592400, #2E1600, #000608)
• Cellar Nightshade Veranda color palette (#DBE3F1, #2125B1, #4E2E00, #2B1700, #00000B)
• Hushed Petrol color palette (#D4E8DF, #006991, #575600, #383800, #00050B)
• Misty Mulberry color palette (#EAE3FF, #860087, #004F42, #003128, #100622)
• Cellar Field color palette (#ECEDFB, #5E0097, #1B4000, #0C2300, #080014)
• Inked Aubergine Study color palette (#DCE0F1, #5500B7, #3F2200, #001A02, #000A06)
• Byzantium Field color palette (#DBDBF7, #9D2CDC, #00531B, #003930, #191631)
• Wandering Aubergine color palette (#E6EAF6, #A8A6BE, #857A92, #34237C, #0D1325)

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