Pine Harbor color palette — #D8F1E9 · #538957 · #005238 · #492200 · #00201E
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8F1E9): A whisper-light, dusty teal — the color of sea glass.
- Fern (#538957): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Espresso (#492200): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#00201E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Cypress color palette (#DBF6F3, #037E5F, #00413C, #301E00, #00140C)
- Emerald Parlor color palette (#CDE7D4, #00954D, #005420, #002608, #000F04)
- Weathered Forest color palette (#D5EAE5, #659A75, #00644E, #2B4711, #00302F)
- Softworn Olive Lagoon color palette (#E6E4CE, #7B8500, #365F00, #033B07, #002611)
- Washed Mint color palette (#C1E9E3, #5FCFA3, #009CA6, #454F00, #002917)
- Dusty Moss color palette (#D6F4DE, #98972E, #486600, #544000, #313000)
- Quiet Pine Field color palette (#E1FCF3, #7CB475, #007D51, #49581D, #264323)
- Patina Jade color palette (#E8E2C7, #55A674, #00706A, #643150, #00220E)
Browse the whole catalog at Explore, or see today's palette.