Pine Harbor color palette — #ECEBDC · #7D9600 · #227400 · #004F36 · #00353A
Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#ECEBDC): a clean, paper-quiet neutral.
- Olive Leaf (#7D9600): A luminous, balanced green — the color of fresh herbs.
- Olive (#227400): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004F36): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Forest (#00353A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Pale Moss color palette (#EAF2D9, #3FB33A, #00754C, #004C40, #033142)
- Softworn Moss Bloom color palette (#D6E6C5, #50A700, #0D6B13, #00471D, #00200F)
- Quiet Amber color palette (#F2DABC, #AD8900, #666800, #364900, #00382E)
- Cypress Ridge color palette (#DBFFEF, #ACC798, #569567, #00775F, #2A555F)
- Frosted Azure Market color palette (#DEFFE6, #66DBD3, #00AAE0, #5C6300, #003E33)
- Dusty Veranda color palette (#D6EADD, #008753, #A6009B, #91006B, #002D18)
- Moss Loft color palette (#C8E8C8, #A08E2D, #7A5200, #612A00, #252D00)
- Mallow Thicket color palette (#F7DFD9, #FF93D0, #009F7D, #023337, #001F22)
Browse the whole catalog at Explore, or see today's palette.