Pine Harbor color palette — #F2DDCE · #C36C36 · #00782A · #004671 · #3C002D

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

The five colors

• Parchment (#F2DDCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C36C36): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#00782A): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004671): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#3C002D): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Dusty Amber Station color palette (#FBEFE5, #CB823D, #3A844A, #00567B, #431249)
• Muted Chapel color palette (#FFF0F8, #E26A00, #227724, #003D5A, #1C001A)
• Onyx Alley color palette (#F5DBCF, #C56755, #5E6B00, #004C52, #220457)
• Feathered Archive color palette (#FAEEE0, #9F6700, #006336, #003752, #210028)
• Airy Balcony color palette (#ECDFCD, #AC7D00, #007463, #2D15B6, #410015)
• Aged Aubergine color palette (#EDE5D5, #7A6400, #00504C, #26006E, #170002)
• Patina Driftwood color palette (#FFEADE, #B8A075, #808645, #245F7C, #283861)
• Timeworn Plum Balcony color palette (#F5DAD6, #BA195F, #005340, #2A1176, #1C0E52)

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