Eclipse Navy color palette — #F2EFE1 · #006565 · #16118A · #181B00 · #000E14
A conversation between Indigo and Peacock, giving this palette its sense of creativity and depth.
The five colors
- Cream (#F2EFE1): bright and airy, almost weightless.
- Peacock (#006565): A full-bodied, dusty teal — the color of sea glass.
- Indigo (#16118A): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#181B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000E14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, Depth, Luxury. Tagged retro, 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
- Twilit Aubergine Studio color palette (#D4EAD8, #00627A, #3E0076, #001F0A, #000B1D)
- Forest Pier color palette (#FDEAD3, #00684F, #003255, #241500, #000E0F)
- Shadow Navy color palette (#F6DFF4, #003280, #081216, #10001D, #000109)
- Gentle Corridor color palette (#F5E7CB, #0078B7, #4510C2, #471E00, #000A21)
- Softworn Canyon color palette (#E1F4EC, #39859E, #4A4675, #00360E, #002020)
- Nightshade Studio color palette (#F9EBE0, #6297B3, #003DAB, #00302C, #17003F)
- Airy Garnet Courtyard color palette (#E4E8D3, #465EB5, #6E004E, #002B2B, #1D043B)
- Aubergine Courtyard color palette (#D4E5C3, #2D7AC4, #791A7B, #003D2D, #1D1E48)
Browse the whole catalog at Explore, or see today's palette.