Pine Harbor color palette — #EFF4EA · #84C3AB · #C98694 · #008666 · #4B222C

Fern takes the lead with Dusty Rose close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#EFF4EA): bright and airy, almost weightless.
• Mint Leaf (#84C3AB): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#C98694): A luminous, balanced red — the color of embers at dusk.
• Fern (#008666): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#4B222C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: 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

• Hazy Orchard color palette (#F1F3E8, #97C096, #B28BBF, #348538, #3E2646)
• Weathered Petrol Delta color palette (#EBF5EE, #87BDCD, #C48E70, #007F98, #4C2500)
• Dusty Blush Corridor color palette (#E8F9FA, #8DD6BC, #EB93AB, #42A083, #56465C)
• Iris Orchard color palette (#F0F8EC, #72C1B3, #8791DE, #008576, #5D4455)
• Timeworn Villa color palette (#E8F7E5, #55ADA7, #B7759C, #B25962, #1B2D19)
• Chestnut Market color palette (#F6F2E7, #BFBCA4, #8A8457, #6F5226, #2B2E1E)
• Linen Crimson Veranda color palette (#DFFBDF, #00AEB0, #DC445B, #00696A, #44000F)
• Tempered Orchard color palette (#ECF4F0, #DDBBAA, #436B57, #003746, #081810)

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