Pine Harbor color palette — #FFDFDA · #007650 · #004262 · #420101 · #000404
A conversation between Pine and Espresso, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#FFDFDA): A whisper-light, dusty orange — the color of autumn markets.
- Pine (#007650): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004262): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#420101): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#000404): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. 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
- Eclipse Pine Terrace color palette (#F9D9F0, #007747, #00364D, #1F0200, #000201)
- Wandering Navy Delta color palette (#F8E3CE, #00736C, #0C3190, #2F1900, #000406)
- Washed Fern Veranda color palette (#FBDAD0, #636900, #004744, #3C002D, #000500)
- Eclipse Garnet Boulevard color palette (#DEF6DE, #006566, #6B002D, #380014, #030100)
- Cellar Veranda color palette (#CFEAD4, #00574E, #002835, #20000F, #000405)
- Feathered Garnet color palette (#EFE4D2, #008D81, #00647E, #6D003F, #000405)
- Basalt Pier color palette (#E5EBD9, #568365, #26616C, #472C00, #101600)
- Fern Chapel color palette (#F2E3D5, #857429, #314F00, #003331, #080600)
Browse the whole catalog at Explore, or see today's palette.