Pine Harbor color palette — #F8F2FF · #E9A6CE · #CB9257 · #439054 · #003E55

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Carnation (#E9A6CE): A luminous, balanced pink — the color of neon signs at night.
• Camel (#CB9257): A luminous, balanced gold — the color of honey in a jar.
• Fern (#439054): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003E55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Sunlit Terrace color palette (#F2F4FF, #C3B0FC, #D98679, #6D8929, #003F4D)
• Hushed Bloom color palette (#FBF2FB, #F1B5B8, #AFAD73, #2B9899, #3F3D64)
• Washed Courtyard color palette (#F8F2FF, #E5D3E5, #CFA6BA, #679E88, #215664)
• Worn Fern color palette (#FFF0F9, #DB8F73, #B16C52, #3C6D00, #472A53)
• Misty Summit color palette (#FFF0FB, #A1B7FF, #B08000, #006197, #012E4A)
• Emerald Bloom color palette (#F2D9E6, #E6854E, #349C47, #0067A1, #3C002D)
• Softworn Lantern color palette (#E3F3E1, #C47E00, #00894C, #00577F, #210027)
• Airy Hollow color palette (#F5DFFC, #FF7299, #A68600, #007868, #070077)

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