Pine Harbor color palette — #FBF1D6 · #9AB270 · #367D34 · #5F3F60 · #1A2500
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF1D6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9AB270): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#367D34): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#5F3F60): A full-bodied, dusty pink — the color of peonies in June.
- Onyx (#1A2500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Muted Pine Coast color palette (#ECF9EF, #97AC72, #007D4F, #5D4279, #314108)
- Tempered Stone Lagoon color palette (#F1F3E8, #8DC0AC, #627E5C, #6D4C44, #212B15)
- Softworn Forest color palette (#F0EBD5, #739B60, #156539, #512848, #061700)
- Wandering Ridge color palette (#EAFAF1, #AEC587, #539950, #865389, #32410F)
- Amber Ridge color palette (#FFDDC8, #C86300, #00896F, #674BAE, #2A0F00)
- Patina Lagoon color palette (#E0E2D2, #3D8A62, #005042, #481329, #000B04)
- Apricot Workshop color palette (#FFEEE0, #EF9233, #A55D00, #532900, #190800)
- Muted Mustard Delta color palette (#FFEEE1, #E0E2AB, #BABE57, #A85344, #3E2500)
Browse the whole catalog at Explore, or see today's palette.