Pine Harbor color palette — #F1F4E2 · #3F8A44 · #364D99 · #691A0E · #422200
Built around Fern, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#3F8A44): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#364D99): A full-bodied, balanced violet — the color of twilight just after sunset.
- Oxblood (#691A0E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#422200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, 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
- Frosted Pine Hollow color palette (#EEF5E1, #008E57, #5E4387, #5B1E51, #422200)
- Lagoon Canyon color palette (#F1F8EB, #249E7E, #65569C, #6C3913, #4B3307)
- Sunlit Cabin color palette (#F8F2DD, #817A0B, #005B82, #690D3F, #4C0B0D)
- Weathered Bloom color palette (#D7F0D5, #007F7D, #710F90, #452D00, #172405)
- Bone Thicket color palette (#C2EBC9, #8DAF91, #588274, #6C4631, #3D3A34)
- Washed Nightshade Terrace color palette (#E3EFF9, #3684B1, #5242A0, #5B004F, #2E0002)
- Aubergine Grove color palette (#E3F5DE, #00665D, #5A0062, #410015, #1A1000)
- Muted Spruce color palette (#F6F7E4, #77A790, #15716C, #3C522F, #2A3C00)
Browse the whole catalog at Explore, or see today's palette.