Pine Harbor color palette — #EBF2DD · #008851 · #1F3B1E · #001C0D · #050500

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EBF2DD): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008851): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#1F3B1E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001C0D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#050500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Worn Pine color palette (#C3F0EE, #008D54, #473E3C, #002B2B, #000505)
• Velvet Olive color palette (#EBE2C3, #787600, #173C19, #181700, #080400)
• Softworn Emerald color palette (#E2E9D6, #00A56B, #1D6050, #283500, #040501)
• Petrol Courtyard color palette (#D9F4DE, #00818B, #023754, #001C08, #020600)
• Smoked Forest color palette (#D6F6F6, #006540, #37323A, #002018, #000C0C)
• Muted Pine color palette (#EBE4D3, #93AF7E, #178656, #5F5700, #1C2F0A)
• Hushed Brick color palette (#C7ECEE, #0099A0, #D82C52, #C40B19, #002527)
• Timeworn Workshop color palette (#D5EED4, #20B088, #008B7C, #005F63, #00303E)

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