Pine Harbor color palette — #EAF9F2 · #A8A82C · #1E7908 · #5A5A00 · #00231F
Olive and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EAF9F2): bright and airy, almost weightless.
- Gold (#A8A82C): A luminous, balanced green — the color of new leaves after rain.
- Olive (#1E7908): A full-bodied, vivid green — the color of fresh herbs.
- Olive (#5A5A00): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Airy Marigold Field color palette (#ECF9ED, #D49400, #656B00, #724E00, #002419)
- Gentle Clover Villa color palette (#E5FBF7, #67B85F, #007663, #13680C, #002226)
- Softworn Mustard color palette (#E7F7EB, #CBA200, #007E63, #705800, #000D08)
- Antique Moss color palette (#DEF0EA, #789445, #005D49, #354900, #001112)
- Hushed Ridge color palette (#DAFFF0, #53A237, #00724B, #004C68, #0E4119)
- Frosted Pine Drift color palette (#C8FE9B, #6DB767, #008343, #00533A, #00383D)
- Linen Quarry color palette (#FDF4E4, #DBB657, #009B91, #947200, #002320)
- Dusty Lagoon color palette (#EBF9F4, #CDDCE0, #A4C4C0, #5B7608, #2E453F)
Browse the whole catalog at Explore, or see today's palette.