Pine Harbor color palette — #D8ECD5 · #008C54 · #00654C · #004139 · #001D1D
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8ECD5): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008C54): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00654C): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004139): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. 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
- Pale Emerald color palette (#E6EDDA, #1EA620, #008161, #005352, #00141B)
- Olive Atelier color palette (#E7EBCE, #6D8300, #386600, #003A13, #00190D)
- Aged Jade Boulevard color palette (#D8F8E1, #00BA88, #008977, #006060, #003940)
- Lagoon Summit color palette (#CFEDEB, #009993, #006560, #00312F, #000403)
- Plum Coast color palette (#DFF4F6, #008C74, #B50079, #005243, #230014)
- Dusty Azure color palette (#C4EDF4, #4CC2CD, #3EA2DE, #007143, #001C1B)
- Muted Grape Canyon color palette (#BFEBE2, #00776A, #732BB7, #6E3C00, #000A08)
- Airy Orchard color palette (#CCF5F4, #00AEC5, #007F9F, #005A7D, #002C52)
Browse the whole catalog at Explore, or see today's palette.