Pine Harbor color palette — #DEFEEC · #B5BE8C · #618E51 · #277948 · #1F565C
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DEFEEC): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#B5BE8C): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#618E51): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#277948): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#1F565C): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Weathered Garden color palette (#E9F9F6, #97BC91, #BD82B0, #4B8241, #524765)
- Weathered Coast color palette (#F5F1CE, #AAC789, #5F9443, #3D6C40, #393B34)
- Muted Garden color palette (#D5FFFB, #86BDA4, #2B968B, #00747B, #2C5066)
- Antique Olive Harbor color palette (#FFF0F8, #D4B38C, #A3853F, #686A11, #2E574E)
- Weathered Forest color palette (#D8FEFE, #A0D7D7, #479373, #0F623B, #18452F)
- Pale Atelier color palette (#DEE4CF, #5DB14B, #008856, #00594F, #053D4E)
- Chestnut Archive color palette (#EDF9EC, #A4C0AE, #977B57, #7B523F, #384D45)
- Wandering Pewter Boulevard color palette (#E3FBF9, #6DA87E, #A874A8, #A15864, #2C4847)
Browse the whole catalog at Explore, or see today's palette.