Eclipse Harbor color palette — #EFF2DB · #096E4C · #00332C · #221300 · #000804
Built around Pine, softened by Deep Forest — the whole palette hums with sophistication and depth.
The five colors
- Cream (#EFF2DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#096E4C): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00332C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#221300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Eclipse Harbor 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
- Pine Atelier color palette (#EAECD5, #107F52, #004237, #092A00, #001409)
- Eclipse Grove color palette (#F8EFDC, #5C631C, #193300, #330003, #060700)
- Cellar Aubergine Pier color palette (#DEE7C9, #006233, #6A0064, #002812, #10000E)
- Obsidian Lagoon color palette (#D7EEE1, #004C31, #2E0091, #421200, #000201)
- Petrol Harbor color palette (#DAE4C6, #4AA195, #007F9B, #1B3900, #000E09)
- Patina Garnet Pier color palette (#D6ECE8, #1B8772, #004E59, #550024, #000805)
- Weathered Cerulean color palette (#E4DDD2, #3E8D9A, #004357, #00231F, #000A15)
- Ancient Lagoon color palette (#CEE7E4, #2C9F73, #007265, #633F00, #000804)
Browse the whole catalog at Explore, or see today's palette.