Eclipse Navy color palette — #D6E2F3 · #1347BE · #13008D · #0F0048 · #0D0015
A conversation between Indigo and Cobalt, giving this palette its sense of creativity and calm.
The five colors
- Frost (#D6E2F3): A whisper-light, dusty blue — the color of open sky before noon.
- Cobalt (#1347BE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#13008D): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#0F0048): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#0D0015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Energy, Depth, Luxury. Tagged dark, 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
- Eclipse Navy color palette (#E0F1F9, #00598F, #0E0086, #13003D, #020006)
- Nightshade Archive color palette (#D2E7F3, #0069C3, #131FBF, #28006C, #0F0020)
- Prism Balcony color palette (#DEECFF, #2D6AEA, #2E32FE, #2C029D, #0A002D)
- Smoked Nightshade Lantern color palette (#F3E4EC, #4D35AE, #79001A, #21005F, #140001)
- Inked Field color palette (#D8EDFC, #00629A, #00345F, #00133B, #0B001E)
- Aubergine Balcony color palette (#DDDCF9, #5D34AE, #4B0081, #26003C, #0F0017)
- Gentle Navy color palette (#EDEBFF, #9887B6, #865296, #221E71, #0F0027)
- Midnight Market color palette (#DDDEFB, #3D00AA, #60003E, #002932, #02000D)
Browse the whole catalog at Explore, or see today's palette.