Pine Harbor color palette — #E6F0E0 · #008B4E · #00695C · #00474D · #00080E

Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E6F0E0): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008B4E): A full-bodied, balanced teal — the color of sea glass.
• Pine (#00695C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00474D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00080E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Lagoon Quarry color palette (#C9EAD8, #00877E, #006679, #004462, #000516)
• Worn Chapel color palette (#E9E8DA, #708200, #006C34, #004538, #000C0C)
• Hushed Orchard color palette (#D0F2E2, #00886C, #004C40, #001E1B, #000201)
• Plum Field color palette (#BEE8F0, #009286, #CD0A5E, #006259, #130004)
• Aged Brick color palette (#D7F5EC, #00826C, #BF1000, #982E21, #000202)
• Wandering Iris Ridge color palette (#DAEBEC, #00BCE1, #8391F2, #567A3F, #000E14)
• Timeworn Boulevard color palette (#D7F4E0, #00BFA5, #00A2AF, #00799C, #002C53)
• Tempered Mint Summit color palette (#DCEDDD, #00E6A2, #00BCB5, #0089A0, #004060)

Browse the whole catalog at Explore, or see today's palette.