Pine Harbor color palette — #FCF1FC · #CCDBF4 · #43BEE9 · #178D44 · #113560

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

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Powder Blue (#CCDBF4): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#43BEE9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#178D44): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#113560): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Muted Periwinkle Workshop color palette (#FEF1F7, #D7D4DF, #77B0FF, #008979, #322E5B)
• Azure Courtyard color palette (#FFF0FD, #BDFBFF, #00A8DC, #00773E, #002253)
• Aqua Loft color palette (#FBF4E9, #AEF3F4, #00CCE8, #00A988, #00475D)
• Dusty Forest Workshop color palette (#FFF2EE, #99DCDE, #008CB3, #006C2F, #254163)
• Ancient Alley color palette (#FAF3F8, #D5D4E2, #B6C1EC, #699F89, #414D65)
• Timeworn Loft color palette (#F3EBF4, #7DC6C4, #00728E, #00420F, #000309)
• Ancient Denim Study color palette (#ECD8E2, #6FACC3, #00559D, #002C24, #01000A)
• Weathered Cobalt color palette (#FFF0F8, #94D6F5, #3F79CD, #005249, #0D0030)

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