Emerald Harbor color palette — #D8F6EC · #4C965F · #006151 · #323E00 · #001505
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D8F6EC): A whisper-light, dusty teal — the color of sea glass.
- Fern (#4C965F): A luminous, balanced teal — the color of sea glass.
- Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#323E00): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001505): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Emerald 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
- Misty Delta color palette (#DCF7E5, #788E34, #006522, #004141, #0D1200)
- Patina Emerald color palette (#E6E2C7, #5D9F6B, #005B4B, #273000, #000200)
- Hushed Pine Terrace color palette (#DFE1C9, #407A4D, #004329, #0A2A00, #001504)
- Lagoon Balcony color palette (#D2E4DC, #008A7B, #006169, #003C4E, #001221)
- Quiet Pine Meadow color palette (#CFE5E1, #66A977, #008558, #2D6520, #001505)
- Aged Pine Hollow color palette (#D3ECDD, #97AE7D, #318453, #006266, #003128)
- Dusty Petrol Harbor color palette (#F5E8F2, #6EAEB6, #007092, #004C39, #00142A)
- Antique Emerald Cabin color palette (#E3FDE9, #B6C289, #5F965E, #117874, #383F14)
Browse the whole catalog at Explore, or see today's palette.