Pine Harbor color palette — #EBF5ED · #7FAB9A · #407337 · #493C70 · #002318

Built around Olive, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Sage (#7FAB9A): A luminous, dusty teal — the color of glacier melt.
• Olive (#407337): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#493C70): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Antique Basalt Summit color palette (#E1F7F3, #79AD94, #00746F, #643256, #002123)
• Antique Garnet color palette (#DEEEE6, #799771, #006548, #64182D, #031700)
• Ancient Olive Grove color palette (#E8FAF1, #99A164, #536E00, #6C3B36, #1A3D31)
• Worn Emerald color palette (#FCF4E9, #B4BB7B, #5F8F53, #665C83, #37352F)
• Aubergine Chapel color palette (#DEF1E5, #6A8245, #005228, #35105C, #050A00)
• Weathered Moss Terrace color palette (#FBF5E5, #CFD5A3, #7D944E, #88534E, #2F2807)
• Dusty Cerulean color palette (#F7EFF5, #A8CEDF, #3A85A9, #005D4C, #002045)
• Gentle Parlor color palette (#EFDBE6, #B5623C, #007B92, #006486, #270900)

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