Pine Harbor color palette — #E4FBF4 · #7EB27F · #007D56 · #723B5C · #11433F

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

The five colors

• Ivory (#E4FBF4): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#7EB27F): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D56): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#723B5C): A full-bodied, balanced pink — the color of neon signs at night.
• Forest (#11433F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance, 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

• Olive Basin color palette (#E8FBEC, #ABA84E, #587500, #743F42, #1E4333)
• Clover Studio color palette (#E3F8ED, #6DBE6D, #007D6B, #5D405E, #002724)
• Worn Lagoon Workshop color palette (#D7E9E5, #4E9F70, #006451, #5B2C3F, #003030)
• Hushed Mint color palette (#FDF5DC, #7ED281, #019C87, #7C5C7D, #3A3B34)
• Lagoon Villa color palette (#ECF8F5, #A3CAC7, #538F7A, #7A5C68, #3C5251)
• Muted Jade Coast color palette (#F6F7E2, #ACDDAB, #6FB888, #B07B56, #214422)
• Patina Olive color palette (#DEEBE1, #807E27, #374D00, #4E1B20, #1D1C00)
• Quiet Loft color palette (#E2FEE2, #EFE4A5, #95D063, #AA5E2C, #564416)

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