Pine Harbor color palette — #E6E1CE · #90A86B · #097A56 · #2E3B73 · #2C1038
A conversation between Teal and Navy, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E6E1CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#90A86B): A luminous, balanced green — the color of new leaves after rain.
- Teal (#097A56): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2E3B73): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#2C1038): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Hazy Aubergine color palette (#E4EDD4, #69A27C, #007B75, #55376F, #3E0E32)
- Chalky Olive Courtyard color palette (#F8DFC6, #A39557, #577D34, #1A4B6C, #1A1D46)
- Washed Denim Study color palette (#EFE7CE, #A0B483, #239D71, #4755A6, #4E2B63)
- Worn Cerulean color palette (#E7EFD2, #90A389, #4B818F, #6B4549, #442420)
- Dusty Balcony color palette (#DCECE2, #318680, #095B72, #471637, #2A0206)
- Washed Garnet Thicket color palette (#FFDAD8, #BF9C5A, #557C4E, #75324E, #64150E)
- Patina Petrol Meadow color palette (#FAF0E2, #7DCACE, #007F94, #005343, #001D2A)
- Airy Basalt color palette (#FFF2EE, #E3CD7C, #359F77, #904A7B, #540D43)
Browse the whole catalog at Explore, or see today's palette.