Eclipse Navy color palette — #D0EBE2 · #004165 · #20252D · #331400 · #000C07

A conversation between Navy and Onyx, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D0EBE2): A whisper-light, dusty teal — the color of sea glass.
• Navy (#004165): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#20252D): quiet, heavy and certain.
• Onyx (#331400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000C07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, 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

• Cellar Onyx color palette (#E6F0E3, #004741, #20252D, #3D001D, #000D06)
• Eclipse Nightshade Lagoon color palette (#F4E2F1, #1104B7, #362F35, #2B1A00, #000B0E)
• Softworn Navy Station color palette (#F3E6DE, #368DA1, #004067, #002319, #04012C)
• Pale Studio color palette (#ECDBED, #0069BF, #723000, #00353A, #031C2A)
• Tempered Garnet Canyon color palette (#D2ECFA, #625896, #6E0B43, #002622, #000F14)
• Nocturne Fern color palette (#F7EDDF, #556600, #003519, #2E0020, #080600)
• Shadow Aubergine Delta color palette (#FBDAE6, #5E3500, #40006B, #241409, #0E0005)
• Aubergine Drift color palette (#E3E8FF, #460095, #400101, #050900, #000102)

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