Eclipse Navy color palette — #DBEBEF · #006967 · #18007D · #002322 · #01000F
A conversation between Deep Indigo and Teal, giving this palette its sense of creativity and calm.
The five colors
- Frost (#DBEBEF): a clean, paper-quiet neutral.
- Teal (#006967): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#18007D): A deep, shadowed, vivid violet — the color of a velvet chair.
- Onyx (#002322): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#01000F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Depth, Luxury. Tagged duotone, dark, muted, 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
- Aubergine Courtyard color palette (#DFEBF3, #006580, #3A005E, #00212C, #02000D)
- Twilit Navy color palette (#E3F0E6, #005367, #001C5C, #220100, #000408)
- Muted Bloom color palette (#D1E4F5, #00969B, #006F9A, #20009F, #00030A)
- Shadow Forest color palette (#D8E7E5, #186D24, #002E3B, #002504, #000203)
- Ancient Spruce color palette (#E1E9EC, #8C9CA9, #607288, #00313A, #000B12)
- Tempered Study color palette (#DFECF8, #007FB6, #57008D, #003650, #060011)
- Aged Archive color palette (#E8F8FF, #00B7C4, #3558CA, #006269, #0E1D34)
- Nightshade Workshop color palette (#DEEEF6, #0098B2, #3A3FA2, #004A57, #030A26)
Browse the whole catalog at Explore, or see today's palette.