Pine Harbor color palette — #F1F4E3 · #9BBF98 · #C58D72 · #547E51 · #4D2500

Fern and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F4E3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BBF98): A luminous, dusty green — the color of fresh herbs.
• Camel (#C58D72): A luminous, dusty orange — the color of autumn markets.
• Fern (#547E51): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4D2500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Bronze Loft color palette (#F8F1E3, #BFB482, #C28A9A, #81712A, #472723)
• Worn Cypress color palette (#EAF6E7, #7AC3BC, #AD9B5F, #09837C, #34312A)
• Aged Cypress Boulevard color palette (#EAF6E7, #76C4BA, #9497CA, #008379, #442539)
• Washed Pine Lagoon color palette (#E8F9F7, #96BB9A, #BC82B3, #3E844A, #623F5D)
• Dusty Lagoon color palette (#EEF4EC, #CBC59A, #55684B, #26361E, #10160C)
• Softworn Dune color palette (#EDF6DF, #61AF86, #4E98B5, #867846, #232B15)
• Wandering Villa color palette (#E7FAF7, #98D1C9, #E49E7E, #639D5C, #624154)
• Patina Jade color palette (#E7F9D5, #00B38A, #B27300, #006C52, #301B00)

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