Emerald Harbor color palette — #D2EBE2 · #589E67 · #006453 · #16473A · #00302E
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D2EBE2): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#589E67): A luminous, balanced green — the color of fresh herbs.
- Pine (#006453): A full-bodied, balanced teal — the color of sea glass.
- Forest (#16473A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#00302E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Wandering Moss Harbor color palette (#D2ECD9, #859544, #2C632F, #4D3B00, #003125)
- Ancient Harbor color palette (#E3FCF5, #6EAA8A, #00726A, #2F534B, #1E3B3B)
- Moss Field color palette (#CDF7E0, #6BA600, #006C3F, #004D52, #22340C)
- Worn Lagoon color palette (#D4EBDF, #009791, #006770, #00485E, #212851)
- Ancient Pier color palette (#EBFAEC, #B3B37D, #617D4F, #3F6065, #32483E)
- Softworn Quarry color palette (#FCDFE8, #8E790F, #3C4C00, #003829, #211A00)
- Jade Field color palette (#E6E6D8, #98C8A1, #23A882, #647F48, #262D05)
- Olive Hollow color palette (#D6EBDC, #647500, #00450E, #002927, #00140E)
Browse the whole catalog at Explore, or see today's palette.