Pine Harbor color palette — #F4F7ED · #CDDFD3 · #B4C1AB · #197E45 · #3A4600
Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7ED): a clean, paper-quiet neutral.
- Silver (#CDDFD3): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#B4C1AB): A luminous, dusty green — the color of fresh herbs.
- Olive (#197E45): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#3A4600): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Muted Pewter color palette (#F1F7F1, #CFE0DD, #B4C5C3, #5E7E60, #424A43)
- Wandering Parlor color palette (#F1F3E8, #CBDBD1, #B2C6AF, #1F7F3C, #232711)
- Softworn Forest color palette (#EBF1E5, #C7CFC2, #95A690, #1C6349, #2A3121)
- Ancient Abyss color palette (#DCE6DE, #9BAFA3, #668879, #003F47, #0C170F)
- Washed Quarry color palette (#F5F6EE, #CDE0D8, #A2B2C6, #4EC050, #3F4400)
- Feathered Chartreuse Chapel color palette (#E9FED5, #00F36C, #00CE99, #008D87, #00453A)
- Navy Corridor color palette (#EBFBE1, #00927A, #00647D, #233191, #2C3500)
- Patina Turquoise color palette (#A2FBEF, #38B9C1, #348FA9, #575984, #4C3D61)
Browse the whole catalog at Explore, or see today's palette.