Eclipse Pine Harbor color palette — #E3F4E6 · #007745 · #003A3A · #1B001D · #000201
Built around Pine, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E3F4E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#007745): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003A3A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#1B001D): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged retro, dark, muted.
Use it as a design system
One click turns Eclipse Pine 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
- Forest Lantern color palette (#D2ECEC, #006545, #002B55, #15000D, #020100)
- Eclipse Fern color palette (#F8E8C7, #6A6700, #003D13, #090034, #010100)
- Ancient Emerald color palette (#D6EBE5, #089247, #004735, #112100, #000201)
- Velvet Atelier color palette (#E2E3D6, #005747, #002A2B, #03003A, #000504)
- Muted Quarry color palette (#DFEDE1, #43B3C3, #005E76, #002C27, #000103)
- Muted Workshop color palette (#DAF2E7, #2C9497, #00556D, #340C27, #0A0001)
- Emerald Ridge color palette (#FFE1D6, #249232, #00666D, #6F0036, #000502)
- Clover Harbor color palette (#C2EEF3, #35B809, #00A076, #006874, #000201)
Browse the whole catalog at Explore, or see today's palette.