Eclipse Navy color palette — #F7DAF2 · #8B7800 · #091A71 · #01002B · #030003
Built around Deep Indigo, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Thistle (#F7DAF2): A whisper-light, dusty pink — the color of a candy shop window.
- Walnut (#8B7800): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#091A71): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#01002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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
- Bronze Basin color palette (#ECD9EA, #B95A00, #002266, #00051F, #030003)
- Aubergine Veranda color palette (#F4DFE7, #668600, #380066, #0D001F, #040001)
- Ancient Navy color palette (#D9E7FF, #B38C2E, #293A91, #0D1540, #000110)
- Twilit Fern color palette (#FFE3EC, #506000, #1F0035, #100303, #020006)
- Faded Aubergine Grove color palette (#F8DAE9, #53AE00, #46009F, #18073B, #090004)
- Patina Moss color palette (#F8E4E6, #8B9700, #5F0E56, #21051E, #060001)
- Muted Aubergine color palette (#EDE2E6, #C5ACAF, #A8837E, #4E3176, #14060C)
- Muted Aubergine Boulevard color palette (#FFECF0, #9AB52A, #731E7F, #301234, #140206)
Browse the whole catalog at Explore, or see today's palette.