Pine Harbor color palette — #E7E7D6 · #2C7B2A · #00421F · #122400 · #000400
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7E7D6): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#2C7B2A): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00421F): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Onyx (#122400): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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 Pine Atelier color palette (#E6E9DA, #338C5A, #005139, #00322C, #000B03)
- Midnight Fern color palette (#F4ECDA, #5B5D00, #252E00, #041A00, #020100)
- Weathered Emerald Bloom color palette (#E4E8CA, #00B25E, #006C4A, #194A15, #001C0A)
- Powdered Bloom color palette (#F7F2DE, #9BB453, #4B7B00, #335539, #1C2400)
- Aubergine Basin color palette (#D7F1DC, #006871, #6200A5, #003035, #05000E)
- Nightshade Archive color palette (#D1F2FB, #005361, #3614A2, #003A13, #000102)
- Twilit Petrol color palette (#CDECF4, #007E97, #004451, #00151B, #000102)
- Dusty Study color palette (#F0F4E8, #83C3A7, #2E8672, #495A48, #232A1A)
Browse the whole catalog at Explore, or see today's palette.