Pine Harbor color palette — #E5F6F1 · #8BBFB5 · #568158 · #2E5C6B · #132D28

A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F6F1): bright and airy, almost weightless.
• Mint Leaf (#8BBFB5): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#568158): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#2E5C6B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#132D28): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Studio color palette (#FBF4E8, #ACB682, #548052, #6D4F5F, #4E4200)
• Antique Cerulean Bloom color palette (#ECF4F2, #BCE4F2, #009FB3, #006D67, #0D3040)
• Washed Olive color palette (#E9F5F0, #98A77C, #427413, #66382C, #04221B)
• Tempered Jade color palette (#EFF8F1, #E3EBBB, #7DAD77, #6D7593, #223F35)
• Smoked Cypress color palette (#D7EAEB, #006759, #00312E, #001527, #000201)
• Jade Balcony color palette (#CFECE8, #1BB06F, #006C50, #004558, #001C0D)
• Washed Hollow color palette (#CFEAE1, #618548, #06530D, #481900, #030A00)
• Timeworn Pewter color palette (#F5EEFF, #EECDE0, #EDB0B7, #8F688F, #362D3F)

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