Pine Harbor color palette — #EEE4ED · #77D1D7 · #009FD3 · #008248 · #031D46

Fern takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#EEE4ED): a clean, paper-quiet neutral.
• Aqua (#77D1D7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#009FD3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008248): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#031D46): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Gentle Cornflower Parlor color palette (#F5E2EB, #78CCF2, #4F91F0, #007E70, #1D1741)
• Ancient Meadow color palette (#F2E8D8, #5EC3CB, #00829B, #005B4C, #002332)
• Cornflower Workshop color palette (#D9E3F6, #4D84FF, #918600, #4C792C, #020E31)
• Pale Thicket color palette (#D4E2F1, #CFBBFF, #FF8FAA, #0191A5, #16213C)
• Periwinkle Orchard color palette (#FFF1F7, #AEE2FF, #7BA9FF, #00998E, #352466)
• Hushed Denim Veranda color palette (#F5E5DD, #83A789, #00627B, #003B29, #000C19)
• Powder Market color palette (#FBF2F8, #D1DAF7, #83C6F3, #73A58D, #384863)
• Worn Loft color palette (#DDECFF, #7EB0FF, #AB8C03, #0055C7, #221A00)

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