Pine Harbor color palette — #FAEED3 · #8E9A50 · #4D8B54 · #3B5684 · #261341
Fern takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAEED3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#8E9A50): A luminous, balanced green — the color of fresh herbs.
- Fern (#4D8B54): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#3B5684): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#261341): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, 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
- Nightshade Pier color palette (#DEE2CC, #6EA267, #008976, #57458F, #31052F)
- Soft Olive color palette (#F4E0D4, #BE8D32, #738113, #165D7E, #0A153F)
- Tempered Basalt Studio color palette (#FBEBEB, #A18551, #496D38, #5B2353, #2F0D2B)
- Antique Villa color palette (#E8EBDC, #557941, #01502C, #002730, #000810)
- Dusty Jade color palette (#E6DEC6, #B0CF87, #17B979, #5F73BA, #442B5B)
- Patina Pewter color palette (#D4EEE8, #8FC4AC, #5BA2AA, #886992, #463352)
- Pine Archive color palette (#DFF0EA, #72A866, #008652, #814219, #021500)
- Patina Pewter color palette (#D3F6F7, #5EB8AF, #448FA6, #8C5278, #4A121E)
Browse the whole catalog at Explore, or see today's palette.