Pine Harbor color palette — #F4EEDD · #829F3F · #1C7415 · #095142 · #1F1B00
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4EEDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#829F3F): A luminous, balanced green — the color of new leaves after rain.
- Olive (#1C7415): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#095142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#1F1B00): 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 Balcony color palette (#E2E1CE, #63A468, #007250, #3C4B21, #1A1D00)
- Timeworn Pine Workshop color palette (#E2FCF3, #90AC7A, #24721B, #00482C, #030A00)
- Faded Forest color palette (#F8EAD1, #74832A, #035410, #003634, #181E00)
- Weathered Clover Bloom color palette (#ECE5CB, #86B657, #438250, #3A5878, #2B2A0E)
- Chalky Canyon color palette (#FFF4DB, #B1C66C, #5B9944, #396F93, #363F17)
- Tempered Teal color palette (#F7EFE1, #40C8C2, #008490, #005C42, #00242E)
- Tempered Grove color palette (#F9F6E6, #B1CFA2, #6F9B7C, #63795E, #464500)
- Soft Sapphire Bloom color palette (#E3EDFF, #1B66F8, #C5002B, #146B0C, #010D33)
Browse the whole catalog at Explore, or see today's palette.