Pine Harbor color palette — #FAF6E1 · #75A860 · #007E4F · #005573 · #3D3E37
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF6E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#75A860): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007E4F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005573): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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 Workshop color palette (#F6F6E8, #6DB99F, #008986, #435984, #414C3B)
- Washed Boulevard color palette (#FFF4DE, #B19441, #6C7000, #005B52, #403D36)
- Lagoon Bloom color palette (#F2F8EB, #3C9D79, #006F82, #294580, #373C03)
- Linen Lime Quarry color palette (#F5F7E5, #D6ED82, #8BD372, #3E9F78, #41423B)
- Moss Lagoon color palette (#FFEFE0, #98A725, #007D67, #5A3760, #24240C)
- Tempered Hollow color palette (#FFF1F6, #ACBC47, #349A82, #74577A, #21443F)
- Emerald Villa color palette (#ECE7BA, #00955B, #006053, #003969, #003222)
- Dusty Aubergine Alley color palette (#F5F9D8, #00A09E, #006C7E, #44269E, #003E41)
Browse the whole catalog at Explore, or see today's palette.