Eclipse Navy color palette — #E6EDFC · #602D00 · #1D007E · #1F0D1F · #02000F
Royal Purple and Cocoa set the tone — five colors that lean into optimism and creativity.
The five colors
- Frost (#E6EDFC): A whisper-light, dusty violet — the color of wild irises.
- Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.
- Royal Purple (#1D007E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#1F0D1F): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#02000F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Creativity, Depth, Luxury. Tagged noir, dark, luxury.
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
- Eclipse Aubergine Study color palette (#DEDFF6, #563600, #3D005F, #230D19, #050007)
- Obsidian Quarry color palette (#E3EFFF, #4E413C, #00275B, #150E18, #010012)
- Deep Nightshade Boulevard color palette (#E0EBFF, #2600AF, #2A1E20, #19081A, #020005)
- Eclipse Aubergine color palette (#E8DCEC, #5D0074, #62000D, #002345, #030004)
- Timeworn Pewter Harbor color palette (#F0ECFC, #9A5B94, #362C40, #17141F, #06050C)
- Obsidian Amethyst Bloom color palette (#E3E9FF, #6947DF, #301F49, #0A0E22, #01030C)
- Twilit Aubergine Alley color palette (#EBEDFF, #651C9D, #00444C, #2C004B, #000102)
- Shadow Aubergine Harbor color palette (#E1E0EE, #6B007F, #2E211A, #1E011A, #020009)
Browse the whole catalog at Explore, or see today's palette.