Eclipse Navy color palette — #DDECE5 · #494600 · #003078 · #2E003F · #010100
Navy and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDECE5): a clean, paper-quiet neutral.
- Deep Olive (#494600): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Navy (#003078): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#2E003F): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. 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
- Onyx Basin color palette (#E0F4E0, #5C3C00, #003C4F, #1C0055, #020100)
- Shadow Dune color palette (#CCF0E9, #195200, #390090, #390020, #000200)
- Lowlit Atelier color palette (#CDE8E5, #005923, #002D47, #22001E, #020100)
- Smoked Alley color palette (#F6E7D9, #623900, #0C00A7, #3D000F, #090300)
- Onyx Bloom color palette (#D6E6DC, #705F00, #00537A, #4C0032, #020100)
- Midnight Field color palette (#E9F2DD, #007533, #00412E, #001D19, #000203)
- Mulberry Studio color palette (#DAF0F5, #006057, #760061, #4E0800, #000302)
- Feathered Delta color palette (#DDF7ED, #657400, #3848C6, #650061, #090C00)
Browse the whole catalog at Explore, or see today's palette.