Pine Harbor color palette — #F0F4E6 · #7AB38D · #A678BD · #007843 · #361743

Pine and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0F4E6): bright and airy, almost weightless.
• Jade (#7AB38D): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#A678BD): A luminous, balanced violet — the color of a velvet chair.
• Pine (#007843): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#361743): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. 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

• Dusty Peony color palette (#EBF6E7, #65B4A8, #C07096, #007569, #3F172C)
• Dusty Olive Ridge color palette (#F4F3E5, #99AD71, #8284D3, #576F00, #222149)
• Pine Archive color palette (#F4F7E6, #77B079, #B474C2, #197226, #5C353F)
• Chalky Wisteria color palette (#E6FAF9, #7CCD95, #C688DE, #41945F, #423E5D)
• Softworn Corridor color palette (#EFF6D9, #619E70, #AA619E, #9D445E, #1C2103)
• Raspberry Loft color palette (#DFFAE9, #00AAC8, #DA3E7A, #006679, #42001D)
• Faded Emerald Harbor color palette (#E4FBF8, #B5E2B6, #DDA0EF, #30A43E, #492A52)
• Muted Denim Cabin color palette (#E9F6EB, #D9A3A9, #006169, #002E32, #060F08)

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