Pine Harbor color palette — #FBF0E2 · #9CA677 · #317448 · #62393C · #211C04
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#9CA677): A luminous, dusty green — the color of new leaves after rain.
- Pine (#317448): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#62393C): A deep, shadowed, dusty red — the color of late-summer berries.
- Onyx (#211C04): A deep, shadowed, dusty green — the color of a quiet forest floor.
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 Jade color palette (#FCF1D9, #8AB767, #007E5D, #5E3C6C, #232200)
- Softworn Cypress Ridge color palette (#F6F2E5, #83AC84, #007566, #1F5143, #1B1E05)
- Hushed Veranda color palette (#E8E3D6, #6C9C66, #006453, #4D294C, #121400)
- Moss Chapel color palette (#F5E1CF, #AC9400, #3E6900, #3A346E, #1B1600)
- Aged Lagoon Workshop color palette (#F9F0E7, #CDC3A1, #678F66, #715A64, #33312A)
- Sunlit Mulberry Grove color palette (#FFE0E4, #C06EBC, #00926E, #852183, #002318)
- Wandering Cobalt Station color palette (#F7F0EC, #98D2DF, #3083B9, #005E43, #2F162B)
- Antique Atelier color palette (#FFEDEE, #FFD0C6, #DCA74E, #62609E, #371D1B)
Browse the whole catalog at Explore, or see today's palette.