Pine Harbor color palette — #F4F7E8 · #7DD287 · #00859B · #007829 · #000201
Olive takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Mint Leaf (#7DD287): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#00859B): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#007829): A full-bodied, balanced green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Mustard Bloom color palette (#F9F6E4, #B8C460, #008789, #626A00, #000200)
- Muted Terrace color palette (#F0F8EB, #00D8BC, #007EBA, #007464, #000201)
- Pine Courtyard color palette (#F2F8E9, #8FE6B4, #0097C3, #008D57, #000804)
- Muted Teal Dune color palette (#F1F8EB, #36BB94, #00659B, #005C45, #000103)
- Faded Indigo color palette (#E7FCE9, #00DDE9, #6463FF, #007A81, #01000D)
- Chalky Teal Loft color palette (#FFF4E2, #00BC9D, #00788C, #6B174F, #001715)
- Azure Lantern color palette (#EDECDE, #A6CB73, #0F9BF3, #6C9900, #00110D)
- Worn Cabin color palette (#DBFFE9, #00D8BF, #009198, #004F5D, #001625)
Browse the whole catalog at Explore, or see today's palette.