Pine Harbor color palette — #E8F6EC · #A28C42 · #3B743D · #004B4C · #341300

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

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Moss (#A28C42): A luminous, balanced green — the color of fresh herbs.
• Olive (#3B743D): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#341300): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Timeworn Alley color palette (#E4F6F4, #619F5F, #007374, #06446F, #241E00)
• Faded Amber color palette (#FFECF7, #C0795D, #77621D, #1C4D19, #380920)
• Antique Bronze color palette (#E4F3E9, #877500, #1F372D, #071A10, #020804)
• Worn Olive color palette (#BFECDC, #687C00, #005A47, #003240, #160C00)
• Dusty Pine color palette (#D7F7F5, #008142, #005058, #3D1E00, #0B0C00)
• Ancient Pine Cabin color palette (#E8F5F1, #A0BD97, #538259, #425C49, #0D2D29)
• Navy Villa color palette (#FEF3EC, #B37765, #277446, #443989, #56291B)
• Muted Loft color palette (#E3F8E9, #FFD8A9, #D5B966, #848E3B, #082A1A)

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