Eclipse Navy color palette — #CEF2E7 · #3C5E00 · #00207F · #2F0027 · #030100
Built around Navy, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CEF2E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#3C5E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00207F): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#2F0027): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged jewel, vibrant, 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
- Moonless Grove color palette (#D0ECE8, #007229, #360082, #390019, #020100)
- Twilit Fern color palette (#D3F5E4, #6A6100, #003359, #2E0031, #030000)
- Smoked Workshop color palette (#EAEFE2, #004C33, #00253A, #180023, #020100)
- Eclipse Drift color palette (#CAE7E7, #004C33, #36006B, #110002, #000201)
- Pine Hollow color palette (#D8E7DB, #008F32, #004E49, #2E003B, #000201)
- Smoked Grove color palette (#FCEAD2, #4F3500, #3D0049, #290010, #040100)
- Timeworn Drift color palette (#E3EDDB, #00A34F, #00654E, #002320, #000102)
- Grape Hollow color palette (#CCE4E1, #42A321, #591CDA, #4A2DAB, #080000)
Browse the whole catalog at Explore, or see today's palette.