Pine Harbor color palette — #EAF5EF · #93BEB1 · #578252 · #664969 · #0C2E26
Fern takes the lead with Charcoal Brown close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Ash (#93BEB1): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#578252): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#664969): A full-bodied, dusty pink — the color of a candy shop window.
- Deep Forest (#0C2E26): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Lagoon Lagoon color palette (#EBF4F2, #A8CBCA, #5F8C91, #6C5975, #1A3736)
- Antique Coast color palette (#E4F7EE, #93A881, #337542, #673826, #00221C)
- Muted Pine color palette (#FAF4EB, #B7B18A, #388556, #6F4F5A, #4C4300)
- Hushed Hollow color palette (#F9F5E9, #BBCC9F, #739C6E, #8B666D, #4B4300)
- Weathered Teal Harbor color palette (#EEF8F0, #B7E8EE, #78AB8F, #707397, #203F37)
- Quiet Garnet color palette (#D0ECE4, #62A868, #006C4C, #70004F, #001D04)
- Patina Pier color palette (#EEF4EF, #C6E1F0, #4D96C0, #006C6D, #0E2D4C)
- Abyss Villa color palette (#CFE4DD, #5A8556, #005133, #451D00, #010B00)
Browse the whole catalog at Explore, or see today's palette.