Pine Harbor color palette — #FFF3E5 · #A6A958 · #3E7940 · #005C64 · #3C3B34
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#A6A958): A luminous, balanced green — the color of fresh herbs.
- Olive (#3E7940): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005C64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#3C3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication, 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
- Sunlit Jade Alley color palette (#FEF5D9, #77B577, #007B6A, #285673, #234323)
- Pine Workshop color palette (#E6F7ED, #9FAF7F, #3E7C34, #005A48, #1B2500)
- Olive Atelier color palette (#FFF2EA, #C49C4E, #66710B, #5A4479, #4B370E)
- Timeworn Forest color palette (#F1E2CC, #84935C, #006639, #004653, #2E2907)
- Jade Lagoon color palette (#ECFAEB, #D1D581, #6ABB6E, #4E959E, #154434)
- Hushed Driftwood color palette (#FCF4EA, #C9C1A2, #7F8841, #7A5D60, #5C4C00)
- Antique Forest Station color palette (#FFF2EF, #9ADDD9, #008DAC, #086C16, #13426A)
- Azure Courtyard color palette (#FEF0FF, #3D96F5, #A97200, #005CAB, #503400)
Browse the whole catalog at Explore, or see today's palette.