Pine Harbor color palette — #E3FCF3 · #88B070 · #2A712C · #06482F · #030A00

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

The five colors

• Ivory (#E3FCF3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#88B070): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2A712C): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#06482F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Emerald Workshop color palette (#C7E9E5, #48A370, #005C42, #00332E, #000201)
• Pine Dune color palette (#DDFDF6, #9CC89B, #398959, #005C68, #001F03)
• Olive Delta color palette (#CDF0E0, #718433, #294500, #00211E, #010100)
• Lagoon Study color palette (#EBF9F5, #A0D6E5, #008B94, #005248, #001013)
• Worn Emerald color palette (#DEFDF3, #BFE7A2, #5BA657, #11797D, #20350D)
• Chalky Cornflower Workshop color palette (#E2F0FF, #3093FB, #009158, #004D93, #000B04)
• Washed Cornflower color palette (#CFE3FF, #4074DF, #9D3E9A, #006163, #00010C)
• Wandering Stone Pier color palette (#EEF8F2, #BDDEEE, #A8B589, #6C8C91, #394B43)

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