Pine Harbor color palette — #F1DEDA · #A79765 · #138358 · #633554 · #3E1131

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

The five colors

• Shell Pink (#F1DEDA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Moss (#A79765): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#138358): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#633554): A deep, shadowed, dusty pink — the color of neon signs at night.
• Deep Indigo (#3E1131): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Softworn Amber Meadow color palette (#FFDCDE, #C78B55, #5D793D, #593E72, #2F1D3E)
• Tempered Garnet color palette (#EDDCCC, #AA9168, #497C57, #722A39, #371D00)
• Basalt Corridor color palette (#FFDCB4, #7BAA95, #427A63, #573059, #2A0A21)
• Worn Jade color palette (#E9E5D6, #5CA878, #007592, #68383F, #461D24)
• Washed Archive color palette (#EFECDE, #6C8B35, #1E684C, #2F3661, #321D3D)
• Washed Archive color palette (#FDEBD3, #A2B57B, #009F99, #994450, #59252C)
• Washed Garnet Workshop color palette (#E9E7D6, #57A480, #006F70, #6C2A4C, #002113)
• Onyx Station color palette (#DAE8CE, #86B489, #539178, #336579, #002E52)

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