Pine Harbor color palette — #F4E0E7 · #017B1E · #006126 · #020E0B · #010100

A conversation between Olive and Pine, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F4E0E7): A whisper-light, dusty rose — the color of strawberry cream.
• Olive (#017B1E): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006126): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#020E0B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, 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 Thicket color palette (#FAE1CC, #9800E8, #666600, #080E07, #020100)
• Inked Bloom color palette (#D3F1E0, #914700, #006050, #040B0C, #000200)
• Chalky Plum color palette (#D8F3D7, #CC004D, #00706B, #040D11, #000200)
• Pale Workshop color palette (#F0F1E1, #E700C2, #00927F, #001612, #000203)
• Aubergine Alley color palette (#D7F1E2, #00738E, #5D0058, #002F3C, #030003)
• Amber Loft color palette (#BFEAE6, #D67B00, #009A96, #071906, #010401)
• Shadow Basalt color palette (#CEEBFB, #004A67, #542900, #2E1400, #000103)
• Sunlit Blush color palette (#ECF1D8, #FF5879, #00A589, #001812, #020600)

Browse the whole catalog at Explore, or see today's palette.