Eclipse Navy color palette — #D4E4ED · #00657F · #00245D · #00212C · #000207

A conversation between Midnight and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D4E4ED): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00657F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00245D): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00212C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged duotone, dark, muted, cool.

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

• Shadow Cypress color palette (#D8E9EB, #006B58, #173346, #00241C, #000204)
• Twilit Aubergine Market color palette (#CBE3EB, #00656A, #3B0062, #002426, #010009)
• Ultramarine Pier color palette (#E4ECF6, #1756B1, #340067, #001A45, #01000E)
• Onyx Harbor color palette (#DFE9F0, #8D9CAB, #5C7195, #002E47, #030A12)
• Navy Veranda color palette (#C7E4FE, #0061BB, #001098, #0A0042, #040017)
• Sunlit Lapis Field color palette (#ECF7FF, #0AAFEF, #283DFF, #005D82, #121D2F)
• Pale Grape Alley color palette (#E3ECF6, #178CE7, #5F00BE, #004375, #090B20)
• Gentle Corridor color palette (#D9E5DA, #00858A, #5E009B, #004143, #060002)

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