Pine Harbor color palette — #F2DDC8 · #9B5F00 · #007435 · #004E45 · #170A00
Pine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F2DDC8): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#9B5F00): A full-bodied, balanced gold — the color of honey in a jar.
- Pine (#007435): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004E45): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#170A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Ancient Bronze color palette (#F8EDE2, #9F6700, #455C00, #003C33, #290200)
- Hushed Bronze color palette (#F8E2B8, #A28200, #008C73, #00646E, #281E00)
- Fern Cabin color palette (#F0ECD4, #4C5A00, #004F53, #002D42, #010200)
- Timeworn Plum color palette (#F9E9E7, #C20C80, #845500, #494400, #200203)
- Aged Archive color palette (#EFDED7, #D77125, #945500, #533400, #1D1200)
- Timeworn Blush color palette (#F7E5FD, #F36894, #008050, #006E85, #21000B)
- Powdered Villa color palette (#FFE8E7, #C51C86, #006D71, #004143, #040002)
- Frosted Amethyst Villa color palette (#E8E0CD, #8033EA, #005D4E, #003E4B, #000522)
Browse the whole catalog at Explore, or see today's palette.