Pine Harbor color palette — #E5FCEA · #8EA061 · #1E7C57 · #4F4478 · #24443F
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E5FCEA): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#8EA061): A luminous, balanced green — the color of new leaves after rain.
- Teal (#1E7C57): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#4F4478): A full-bodied, balanced violet — the color of wild irises.
- Forest (#24443F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro, muted.
Use it as a design system
One click turns 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
- Dusty Teal color palette (#E8FBEB, #7DB791, #418483, #6E4B70, #2D4E51)
- Dusty Olive color palette (#E4FDE9, #BA8E52, #69701E, #1C5279, #2A4432)
- Moss Ridge color palette (#EAF9F5, #74954C, #096F80, #4E3C72, #572727)
- Wandering Lantern color palette (#FFEAFC, #AF9B54, #007E62, #6A2961, #002A21)
- Sunlit Garnet Corridor color palette (#FFF4DE, #00A38A, #006C80, #722052, #003E3D)
- Feathered Mint color palette (#E3FBF7, #DFDB8D, #94C277, #19A08F, #184642)
- Tempered Petrol color palette (#EFF8F1, #C2E1F8, #658EB7, #006F7C, #354866)
- Dusty Stone color palette (#D5F4EC, #9BC8C7, #6B909A, #646380, #554861)
Browse the whole catalog at Explore, or see today's palette.