Pine Harbor color palette — #E5E7D0 · #75B77D · #0F8753 · #625510 · #272C0C
A conversation between Fern and Jade, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E5E7D0): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#75B77D): A luminous, balanced green — the color of new leaves after rain.
- Fern (#0F8753): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#625510): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#272C0C): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Patina Olive Corridor color palette (#EEE3D0, #B2A65C, #767700, #675317, #32270C)
- Patina Lagoon Garden color palette (#F4F7E7, #84C5A2, #009676, #65635C, #343630)
- Pale Jade color palette (#BEF1D2, #43C383, #008856, #005332, #001F0F)
- Olive Study color palette (#DFE4D4, #82B330, #3F8E00, #005C14, #003918)
- Quiet Lagoon Garden color palette (#E4F2D1, #009E71, #0086B2, #796900, #182403)
- Dusty Study color palette (#E7E6D3, #33A366, #006358, #5A302D, #252C12)
- Soft Ember color palette (#E0E1C0, #6EAC3E, #E44A00, #3E7300, #4C1300)
- Hushed Moss Meadow color palette (#FCF4E4, #C2C06D, #819012, #4F7538, #3D3A34)
Browse the whole catalog at Explore, or see today's palette.