Pine Harbor color palette — #E7F6EC · #95A974 · #03793A · #513E5C · #06211B

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#95A974): A luminous, dusty green — the color of fresh herbs.
• Olive (#03793A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#513E5C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#06211B): 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

• Olive Coast color palette (#E9F6E8, #A9A16F, #546F21, #5D3F16, #082216)
• Patina Lagoon color palette (#E7F6F0, #8EBEB9, #008970, #644B64, #142C2A)
• Ancient Emerald color palette (#D6E6DF, #6D9C64, #006549, #3A3C00, #021800)
• Aged Jade color palette (#CBEDE7, #2EAC88, #006969, #6A2409, #001B13)
• Olive Studio color palette (#DFF6CA, #8EB259, #477400, #234000, #051000)
• Softworn Driftwood color palette (#ECF5EC, #A8CDBB, #738B64, #556756, #24362D)
• Hushed Olive color palette (#DEF4E9, #5B864A, #005137, #4B1122, #020B00)
• Pale Grape Balcony color palette (#D0E9DF, #8D9726, #5D42B7, #7B3895, #001911)

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