Pine Harbor color palette — #EBF5EA · #B6B785 · #4E844D · #57506D · #162D23
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EBF5EA): a clean, paper-quiet neutral.
- Sage (#B6B785): A luminous, dusty green — the color of fresh herbs.
- Fern (#4E844D): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#57506D): A full-bodied, dusty violet — the color of a velvet chair.
- Deep Forest (#162D23): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, 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
- Ancient Courtyard color palette (#E9F5F0, #8DBEBB, #2F847C, #41576D, #0E2D2C)
- Powdered Villa color palette (#FFECF3, #B8A859, #477B00, #494573, #272000)
- Jade Archive color palette (#F9F5EA, #DAEEC0, #78AE79, #508275, #393932)
- Washed Study color palette (#FDF3E9, #C7C898, #779A75, #8B666C, #504100)
- Sunlit Forest color palette (#E3F3E2, #91933E, #036817, #3C305A, #00170E)
- Antique Grape color palette (#F1F0FF, #B991D0, #1EAB7D, #7B4398, #003020)
- Moss Lagoon color palette (#D6EBDB, #7FA33E, #006D47, #6E1243, #101A00)
- Cerulean Courtyard color palette (#F6F0F5, #C3E2ED, #4298C1, #286D48, #1D2D42)
Browse the whole catalog at Explore, or see today's palette.