Pine Harbor color palette — #FFF2ED · #D2DCF1 · #5CBAEA · #008D55 · #143269

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Powder Blue (#D2DCF1): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#5CBAEA): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008D55): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#143269): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Ancient Periwinkle Hollow color palette (#FFF3E8, #D9D6E2, #8BADF7, #008882, #372C59)
• Azure Courtyard color palette (#FFF2EC, #D6DDF9, #02A4F1, #007653, #111D57)
• Aqua Studio color palette (#EFF8F1, #B0F2F9, #00CAF4, #00A893, #004563)
• Chalky Cobalt Cabin color palette (#FCF1FB, #9CDBE3, #008ABE, #006A41, #293E6A)
• Powdered Meadow color palette (#DDFFE7, #06F0C8, #00B2B7, #006E90, #003263)
• Patina Orchard color palette (#FBF3EF, #C5DEE8, #DEC0E2, #64A08F, #5C4554)
• Ancient Basin color palette (#DEFFE4, #E5DFEA, #D7BFC0, #56BA85, #00475D)
• Ancient Petrol color palette (#FBEAE4, #6DC8CB, #007193, #00411C, #00020B)

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