Pine Harbor color palette — #EFEDC3 · #84B384 · #218C51 · #00684E · #004C56
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Custard (#EFEDC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#84B384): A luminous, balanced green — the color of new leaves after rain.
- Fern (#218C51): A full-bodied, balanced teal — the color of sea glass.
- Pine (#00684E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004C56): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Misty Chartreuse color palette (#DBF9C5, #90E38C, #64C486, #489073, #23535A)
- Frosted Fern color palette (#FFEEC8, #AFAE65, #6B892B, #326A0C, #275736)
- Washed Ridge color palette (#E9FCE0, #83C7B1, #008774, #004F3F, #00332B)
- Peony Loft color palette (#F2F8EA, #6DB08F, #B86D9C, #007951, #5B334C)
- Weathered Lagoon Grove color palette (#F0F9E8, #C3E3DA, #8DCAE3, #669064, #3E503A)
- Aged Pier color palette (#C6EDE6, #00B9BA, #008291, #00576F, #283562)
- Weathered Chestnut color palette (#FEF4E2, #B1A688, #817144, #6C4A19, #3E3D36)
- Misty Bronze Field color palette (#EFF9E5, #499A7F, #796FB7, #A64A00, #363933)
Browse the whole catalog at Explore, or see today's palette.