Pine Harbor color palette — #F0F4E7 · #71B689 · #BB719F · #007942 · #401432
A conversation between Pine and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F4E7): a clean, paper-quiet neutral.
- Jade (#71B689): A luminous, balanced teal — the color of sea glass.
- Dusty Rose (#BB719F): A luminous, balanced pink — the color of neon signs at night.
- Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#401432): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Patina Peony color palette (#E7F7E9, #60B3B7, #C46B9D, #007377, #40152F)
- Hushed Archive color palette (#F3F3E4, #93AE77, #9380C6, #4B7200, #2A1F44)
- Worn Cypress color palette (#EDF4EB, #7FC2B8, #C98986, #008478, #561B00)
- Aged Fuchsia Terrace color palette (#E6FAF9, #75CE99, #E984CD, #009055, #483B5B)
- Cornflower Drift color palette (#F1F9E5, #5FB38C, #5889D7, #007952, #2D4365)
- Antique Plum color palette (#EAF6E3, #3EA18B, #9E63B4, #AE3B63, #142309)
- Worn Raspberry color palette (#E3F5DC, #009C8A, #CB007A, #00594F, #2F0018)
- Dusty Ember Orchard color palette (#E2F9E8, #00ACBD, #D6530F, #006772, #3C1000)
Browse the whole catalog at Explore, or see today's palette.