Pine Harbor color palette — #EDEDDF · #87A852 · #127D2A · #00513A · #002220
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EDEDDF): a clean, paper-quiet neutral.
- Moss (#87A852): A luminous, balanced green — the color of new leaves after rain.
- Olive (#127D2A): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00513A): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Pine Corridor color palette (#E7F3E1, #76AF6D, #108639, #005832, #00422A)
- Amber Corridor color palette (#EDE5D9, #AC932B, #636800, #2B4D00, #002911)
- Jade Station color palette (#D4EAD3, #3EAA7D, #007B6D, #004C4E, #002934)
- Emerald Canyon color palette (#E4FFD3, #8DD28A, #429E56, #00663B, #003624)
- Antique Teal color palette (#CEFFE8, #52B997, #007A61, #003A2E, #001109)
- Weathered Pine color palette (#DCE4CA, #178015, #00573A, #002922, #000E0E)
- Jade Pier color palette (#CFF1F1, #2CAA73, #9F61A2, #006640, #2F0732)
- Worn Corridor color palette (#D5E6D7, #9F9B6B, #7D5F23, #5F3005, #001E17)
Browse the whole catalog at Explore, or see today's palette.