Pine Harbor color palette — #E6E6D6 · #7EB579 · #138847 · #445F2B · #292C04
A conversation between Fern and Jade, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E6E6D6): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7EB579): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#138847): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#445F2B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#292C04): 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
- Ancient Lagoon color palette (#F5F7E9, #8BC49D, #00986B, #4B6E48, #343630)
- Antique Lagoon color palette (#FCF5E1, #97CB92, #1D8974, #565328, #181A00)
- Dusty Basin color palette (#E1E6D7, #47A781, #00715C, #00542A, #002115)
- Weathered Olive Hollow color palette (#F9F5EB, #C5C999, #87975D, #73772F, #4F4100)
- Dusty Moss color palette (#CDE6CE, #00ADB3, #988700, #007275, #2F2900)
- Sunlit Teal Alley color palette (#BFE8E1, #00B4AD, #008587, #005860, #00343D)
- Pine Studio color palette (#EBEEDC, #3C865C, #00523B, #00332E, #000803)
- Dusty Loft color palette (#EFEFE5, #8AD3D6, #0097A7, #006D65, #00343F)
Browse the whole catalog at Explore, or see today's palette.