Pine Harbor color palette — #F9DCDD · #00853B · #736000 · #0A0D06 · #020100
Built around Fern, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F9DCDD): A whisper-light, dusty red — the color of late-summer berries.
- Fern (#00853B): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#736000): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0A0D06): quiet, heavy and certain.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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
- Hushed Chestnut Market color palette (#CBE6DB, #727400, #974800, #110B02, #030100)
- Pine Dune color palette (#ECDDCF, #007F7C, #1A760B, #000F0A, #010100)
- Washed Drift color palette (#E5E2D4, #656F00, #004129, #282D00, #000201)
- Dusty Veranda color palette (#D2E8ED, #00A455, #8E7E00, #161300, #000201)
- Olive Loft color palette (#E0DFD3, #A0A28E, #76833E, #283E00, #050400)
- Washed Bronze Summit color palette (#EFE9F9, #0094A2, #A16000, #0F0C01, #050002)
- Frosted Emerald color palette (#FFE9CE, #00A8B8, #00A152, #001A08, #040600)
- Frosted Moss color palette (#FCE8D9, #00C7D2, #74B600, #152700, #121100)
Browse the whole catalog at Explore, or see today's palette.