Pine Harbor color palette — #E7E5D1 · #6E9658 · #01771D · #005357 · #020800
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E7E5D1): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#6E9658): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#01771D): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005357): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#020800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, 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
- Patina Lagoon color palette (#DCE4CF, #2C9D7F, #007265, #005356, #000805)
- Pale Forest Station color palette (#F7EAD3, #727B32, #105406, #2C1E59, #080600)
- Patina Moss Corridor color palette (#F5EFE2, #928C2A, #5F6900, #752B38, #070600)
- Fern Parlor color palette (#F0DBC2, #5B5C00, #013407, #230427, #010100)
- Worn Olive color palette (#E9E1D3, #B4A957, #818500, #8A505A, #1F1B00)
- Jade Archive color palette (#E3E7D2, #89CBA5, #00AA82, #28809D, #242D0A)
- Weathered Aubergine Pier color palette (#FFD8DF, #B04EBE, #007D9E, #860095, #00070C)
- Moss Garden color palette (#F4ECCA, #AFCF63, #65AD10, #B3604B, #273300)
Browse the whole catalog at Explore, or see today's palette.