Pine Harbor color palette — #F5F6EF · #D4DFD7 · #B2C6BB · #518257 · #474941

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D4DFD7): bright and airy, almost weightless.
• Stone (#B2C6BB): A luminous, dusty teal — the color of glacier melt.
• Fern (#518257): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#474941): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Pewter Delta color palette (#F2F3EA, #D0DBD4, #ABC3BC, #627E59, #2C2D23)
• Wandering Pine Balcony color palette (#F5F6EC, #96BB97, #3C845A, #5E5D0E, #414700)
• Antique Pewter color palette (#E6FAE4, #96B99F, #6D907F, #7E596E, #644952)
• Worn Ridge color palette (#E2E5DE, #A4AC9D, #508C81, #004328, #101703)
• Forest Field color palette (#F1F8EB, #C9D8C2, #75B4B0, #006B51, #243B00)
• Faded Mint color palette (#F0F8E9, #A4EBAE, #00D59D, #009996, #374828)
• Washed Jade color palette (#F8F6E3, #57AB83, #007B6F, #2E4F78, #3B3E38)
• Aged Workshop color palette (#E4ECE8, #A7BFB8, #9E849E, #004A6A, #15231E)

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