Pine Harbor color palette — #F3EBDE · #8C9A56 · #00751C · #672F4D · #181E00
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3EBDE): bright and airy, almost weightless.
- Moss (#8C9A56): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#00751C): A full-bodied, balanced green — the color of new leaves after rain.
- Mulberry (#672F4D): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Ink (#181E00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Jade Lantern color palette (#F2F0DE, #5EA473, #007161, #633056, #181E00)
- Fern Dune color palette (#E1FDEB, #9FA969, #446D25, #5C2B28, #070800)
- Ancient Lagoon color palette (#DEF2E3, #97B272, #34936A, #775485, #131F00)
- Pine Hollow color palette (#EEE3CF, #9AAE6F, #248741, #66540A, #2D2A0D)
- Olive Ridge color palette (#D9EBE1, #7B8100, #3B4C00, #462500, #1B1D00)
- Mint Loft color palette (#F0EDCF, #6BC185, #008B78, #8B4140, #003819)
- Hushed Moss Summit color palette (#E5EADA, #80AB00, #5F6C00, #2E3C00, #070C00)
- Wandering Delta color palette (#FFE1CA, #BB8300, #776800, #3F4900, #0B2600)
Browse the whole catalog at Explore, or see today's palette.