Pine Harbor color palette — #F8F5EC · #B3B18F · #518154 · #385D7F · #494400

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

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Sage (#B3B18F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#518154): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#385D7F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#494400): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Pale Olive color palette (#FFF3E2, #ADA65D, #5F7300, #5C417E, #413C0E)
• Fern Terrace color palette (#F5F6EF, #BBC5AA, #748869, #765D6D, #425510)
• Wandering Garden color palette (#F8F0E7, #B4B884, #518355, #6B4B50, #2D270F)
• Washed Mint color palette (#EDF8F3, #C9DEB0, #8ABA8D, #7C93AA, #314842)
• Hushed Cypress Garden color palette (#F9F4EE, #CAE4CF, #4696AE, #007264, #235242)
• Hushed Navy Station color palette (#EEEDD0, #68A174, #006B50, #2B3B83, #003915)
• Muted Mulberry color palette (#FFF1F3, #BC8DB8, #529C6A, #943B91, #184E2C)
• Fern Drift color palette (#ECE4D3, #8B9254, #3C6112, #512A63, #312800)

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