Pine Harbor color palette — #F9F6E6 · #B7C377 · #008D52 · #606B00 · #010100
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B7C377): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008D52): A full-bodied, balanced teal — the color of sea glass.
- Olive (#606B00): A full-bodied, balanced green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Hushed Olive color palette (#FAF4EB, #DEB457, #628400, #7E5E00, #010100)
- Misty Pine Bloom color palette (#F4F7E8, #85CF91, #00897F, #007830, #000200)
- Olive Basin color palette (#F6F6EE, #BADD98, #00A185, #568700, #020700)
- Airy Clover color palette (#F5F7E7, #6CB855, #00705C, #1E5D00, #000201)
- Chalky Coast color palette (#FAF7D7, #66B77E, #007D66, #00426D, #00180C)
- Frosted Lagoon color palette (#DDFFDA, #7DCE90, #009468, #005140, #001915)
- Patina Olive color palette (#F6F6EB, #D4DED3, #B3C7B7, #5B8526, #201F0D)
- Frosted Thicket color palette (#F2EADC, #DDBA00, #00ABA3, #A08600, #031102)
Browse the whole catalog at Explore, or see today's palette.