Pine Harbor color palette — #E8E7D9 · #198A52 · #005147 · #461D1B · #000803
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E8E7D9): a clean, paper-quiet neutral.
- Fern (#198A52): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#461D1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Ancient Lagoon Harbor color palette (#D8F0EA, #498B5E, #004737, #2B1500, #000200)
- Wandering Olive color palette (#EEDFC7, #737C00, #135402, #392900, #060700)
- Dusty Thicket color palette (#E4E0C4, #409855, #006150, #333D09, #001504)
- Midnight Forest Atelier color palette (#E1E0D2, #196D4B, #003232, #2D041B, #000803)
- Tempered Garnet Atelier color palette (#CFEEE5, #4A9A7C, #007075, #75284A, #000804)
- Tempered Aubergine color palette (#E2E5D5, #239033, #740085, #00450D, #0E0012)
- Hushed Pier color palette (#F7E3D9, #34A4AA, #00627A, #003D29, #000A16)
- Muted Taupe Harbor color palette (#EFE2D3, #AFA84F, #5C7E39, #59544E, #32280A)
Browse the whole catalog at Explore, or see today's palette.