Pine Harbor color palette — #F2EBCD · #9DAB6C · #008C49 · #5E3D00 · #1B1E00
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F2EBCD): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9DAB6C): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008C49): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#5E3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#1B1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.
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
- Worn Lagoon Station color palette (#EBE9CA, #79B68A, #008981, #4E4600, #002507)
- Olive Loft color palette (#F8E4D0, #BEAA6E, #6C7D0A, #6F2300, #201500)
- Powdered Moss Pier color palette (#EBE2D6, #77A947, #008C8A, #6E1D00, #050500)
- Faded Terracotta Cabin color palette (#D9F9E0, #A5C25C, #00A79C, #A72A19, #1A1E00)
- Hushed Fern Study color palette (#EEF5DD, #98D7C5, #24AAC1, #4E6C00, #31342D)
- Forest Pier color palette (#E5F7D8, #6DC3C7, #3993C0, #005E2D, #002B28)
- Hushed Jade color palette (#FFF5D5, #A8D686, #00BF93, #795700, #374300)
- Tempered Mint color palette (#F1ECCE, #B5CB65, #36C880, #9B6C1C, #001A10)
Browse the whole catalog at Explore, or see today's palette.