Eclipse Navy color palette — #F3DAF2 · #0044A4 · #4B3800 · #001A49 · #020100
Built around Indigo, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Thistle (#F3DAF2): A whisper-light, dusty pink — the color of peonies in June.
- Indigo (#0044A4): A full-bodied, vivid blue — the color of deep harbor water.
- Deep Olive (#4B3800): A deep, shadowed, dusty gold — the color of honey in a jar.
- Midnight (#001A49): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark.
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
- Denim Villa color palette (#D8F5ED, #004F85, #5D2D00, #00203A, #030100)
- Nightshade Loft color palette (#E9F0FF, #313CB9, #573600, #100069, #0B0400)
- Deep Navy color palette (#D1DFF9, #002D94, #442B00, #122408, #000108)
- Chalky Navy color palette (#CFE0F8, #2E62C9, #705300, #002891, #090500)
- Smoked Pier color palette (#F8E7ED, #6900A7, #0E4903, #2C004B, #000200)
- Smoked Alley color palette (#DBF6EF, #894D00, #00568A, #060E0F, #000201)
- Timeworn Pier color palette (#F1E4F0, #9071DF, #9F4586, #003A49, #010014)
- Quiet Indigo color palette (#FCDDF1, #6D6AEE, #6B7100, #3B329A, #121400)
Browse the whole catalog at Explore, or see today's palette.