Pine Harbor color palette — #E8E7CC · #718600 · #1F7201 · #004A2C · #000C09
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Parchment (#E8E7CC): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#718600): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#1F7201): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004A2C): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Frosted Thicket color palette (#EDF2E5, #3F7C00, #175400, #00300E, #000F05)
- Timeworn Bloom color palette (#F4E7D6, #9A7A00, #696300, #2B4C00, #000B01)
- Emerald Veranda color palette (#E5F3DE, #009659, #00715F, #004C49, #000A0E)
- Feathered Coast color palette (#C7F1EC, #40AA44, #AD3F96, #05520E, #11000C)
- Patina Amber Alley color palette (#E9E1FE, #B97500, #00763D, #001808, #000202)
- Olive Ridge color palette (#D5E8E6, #65ACC0, #5C8BC8, #657411, #00100A)
- Ancient Bronze color palette (#E3F1E2, #95801E, #815500, #672B00, #030400)
- Wandering Pier color palette (#DFE8CB, #53C264, #00A178, #007D6C, #003A3D)
Browse the whole catalog at Explore, or see today's palette.