Pine Harbor color palette — #F6EBB5 · #A0AF60 · #498A4F · #006C56 · #025453
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F6EBB5): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A0AF60): A luminous, balanced green — the color of fresh herbs.
- Fern (#498A4F): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006C56): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#025453): A full-bodied, 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
- Sunlit Lagoon color palette (#D7EDBA, #78B684, #008F77, #00676F, #1D4E64)
- Weathered Corridor color palette (#C8EBDE, #91AE74, #488D4A, #00633C, #003729)
- Chalky Emerald color palette (#F2E9BE, #AACC91, #57A861, #008657, #0F5543)
- Washed Olive color palette (#FFDEBE, #C6A45F, #807E06, #3B6327, #0B4F4B)
- Moss Bloom color palette (#E2E6CA, #34B005, #007A5D, #004F50, #13324A)
- Pine Studio color palette (#F1F9E3, #68B289, #A873AF, #00794B, #533657)
- Washed Lagoon color palette (#DFF1E7, #009F8D, #006C7F, #003F57, #012860)
- Patina Fern color palette (#F3F9DE, #BFE6DA, #DFBFDF, #817F4A, #425918)
Browse the whole catalog at Explore, or see today's palette.