Pine Harbor color palette — #F0EBD3 · #4B835F · #004F5C · #3E2400 · #261700

Fern takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F0EBD3): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#4B835F): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#004F5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#3E2400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#261700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Ancient Denim color palette (#D7E6DD, #447B7F, #00557C, #332900, #00210F)
• Dusty Hollow color palette (#CBE9DE, #277D53, #00413F, #1F2600, #001409)
• Airy Garnet color palette (#FDDDC7, #787428, #0C5D45, #5C0C09, #361800)
• Onyx Loft color palette (#D0E6DC, #267C7D, #004D6C, #3F0A25, #190002)
• Soft Boulevard color palette (#D8EEE5, #0098A3, #006492, #631943, #3D0A0E)
• Weathered Onyx color palette (#E6DBE3, #5C9AA8, #004E78, #003122, #060346)
• Patina Cocoa color palette (#DBF3FF, #006A7E, #822A00, #00333D, #210500)
• Petrol Station color palette (#EDE9D7, #7AAF84, #257798, #614700, #303C0A)

Browse the whole catalog at Explore, or see today's palette.