Pine Harbor color palette — #FAF2FA · #A8E9E8 · #00ACD5 · #058930 · #1C4168
Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Sea Foam (#A8E9E8): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00ACD5): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#058930): A full-bodied, vivid green — the color of fresh herbs.
- Navy (#1C4168): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Pine Ridge color palette (#FEF2ED, #CFDFF6, #42C0DE, #008D59, #003956)
- Linen Loft color palette (#FCF1FA, #6FDFE4, #009AC7, #007839, #003168)
- Dusty Periwinkle color palette (#FCF2F8, #A1E7FF, #37A0FE, #00856D, #373B66)
- Sky Pier color palette (#F9F3F7, #D6D5E7, #79B9E7, #55967A, #485366)
- Faded Aqua Balcony color palette (#E6FBF6, #A2F6F5, #00CEDC, #00A795, #004853)
- Mint Balcony color palette (#DAEAD8, #00D493, #00A09F, #00738D, #014874)
- Sunlit Aqua color palette (#E3FAFF, #12DEF3, #0096AB, #006478, #002F39)
- Timeworn Sapphire color palette (#EBDEE5, #6DBDE0, #1A72D9, #005A4F, #1D1547)
Browse the whole catalog at Explore, or see today's palette.