Pine Harbor color palette — #F4F7EC · #399059 · #005994 · #6C2343 · #2A2716

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Fern (#399059): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005994): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#6C2343): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Onyx (#2A2716): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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 Hollow color palette (#F6F6EA, #74954E, #3861A8, #752F21, #3D3732)
• Aubergine Balcony color palette (#FAF5E9, #837100, #00637F, #6A2964, #332914)
• Frosted Moss color palette (#E0F8F2, #5D9600, #00646F, #683001, #08190F)
• Weathered Atelier color palette (#E7FAF1, #007998, #870A4B, #600D19, #1D1D07)
• Hushed Aubergine Thicket color palette (#F6F7E7, #599237, #752A7E, #593A00, #282814)
• Softworn Aubergine color palette (#D7ECD9, #006064, #680067, #392100, #041602)
• Linen Nightshade color palette (#E5F4DB, #006F59, #2B00BC, #5E000D, #041B00)
• Pine Station color palette (#F5F6EF, #D3E0D9, #ACC9C2, #528251, #474940)

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