Pine Harbor color palette — #E1F6E2 · #868F4B · #1F743A · #614100 · #050700
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E1F6E2): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#868F4B): A luminous, balanced green — the color of new leaves after rain.
- Pine (#1F743A): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#614100): A full-bodied, balanced gold — the color of old brass.
- Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Tempered Balcony color palette (#CDE8E0, #499B78, #007072, #3B5100, #000804)
- Aged Fern color palette (#E8E0D2, #747B2F, #2E5000, #352A00, #060700)
- Emerald Drift color palette (#E9F0DA, #3E902D, #00724F, #004746, #000F15)
- Wandering Garnet color palette (#CFE8E3, #4E9887, #006E7D, #732C40, #000806)
- Weathered Olive Cabin color palette (#EFD7E1, #A8975A, #567F00, #00635F, #140F00)
- Misty Olive color palette (#D1EEE6, #6BB6CF, #8789D6, #5D7600, #000F0F)
- Nocturne Fern Pier color palette (#FFEBD2, #585E00, #003410, #1E1100, #020100)
- Weathered Olive Corridor color palette (#D4E7E0, #6FBA90, #00918E, #5C6C14, #002111)
Browse the whole catalog at Explore, or see today's palette.