Pine Harbor color palette — #FBF4E8 · #DCB63D · #008E47 · #796000 · #010100

Built around Fern, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Gold (#DCB63D): A luminous, balanced green — the color of fresh herbs.
• Fern (#008E47): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#796000): A full-bodied, balanced green — the color of a quiet forest floor.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, 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

• Weathered Mustard Garden color palette (#F9F5E8, #C3C23F, #008886, #696700, #000200)
• Dusty Olive color palette (#FEF3EA, #F3A86B, #628400, #934F00, #010100)
• Bronze Station color palette (#FAF5E7, #DED37B, #429E6F, #857800, #040700)
• Weathered Moss Cabin color palette (#FAF5E2, #A3AB00, #00705D, #4E5200, #000200)
• Hushed Pine Field color palette (#FFF8B7, #A5C95A, #2F8D38, #00543A, #001611)
• Tempered Grove color palette (#FFF4E2, #98AE2A, #007F50, #3F3176, #081700)
• Sunlit Amber color palette (#F1EAE2, #EFAE51, #00AC97, #B77900, #041100)
• Wandering Archive color palette (#F4F7E5, #38E85C, #008F99, #008227, #000202)

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