Pine Harbor color palette — #E1E9D1 · #008D59 · #382E32 · #002B2B · #030500

Built around Fern, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#E1E9D1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008D59): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#382E32): quiet, heavy and certain.
• Deep Forest (#002B2B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Dusty Loft color palette (#CDF6F6, #00A571, #255F52, #123637, #000606)
• Charred Study color palette (#D2EED8, #008693, #002741, #081318, #000601)
• Nocturne Olive Ridge color palette (#ECE6CD, #797C00, #002E0C, #191E18, #050400)
• Teal Coast color palette (#EDF9EC, #00B5B2, #2D4E40, #152214, #040602)
• Pale Study color palette (#FCF5E0, #A0C989, #008C5D, #585302, #0B1E00)
• Hazy Mint Cabin color palette (#BAF2C2, #00CDA5, #008A81, #00525A, #001E2A)
• Washed Forest Market color palette (#FCF3EE, #ABF6F1, #00A3BC, #006E3D, #002232)
• Dusty Sky Cabin color palette (#E9FAF1, #47BEE7, #624C61, #222E28, #0C110C)

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