Pine Harbor color palette — #D7EFEC · #388757 · #005339 · #09350A · #000802

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

The five colors

• Honeydew (#D7EFEC): A whisper-light, dusty teal — the color of sea glass.
• Fern (#388757): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005339): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#09350A): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Softworn Olive Field color palette (#DCECE2, #7B7918, #414B00, #153400, #060600)
• Worn Emerald Studio color palette (#D0F2EE, #379863, #006246, #00423B, #001407)
• Ancient Cypress color palette (#CEEDEB, #007C84, #005660, #00303A, #00070C)
• Worn Aubergine color palette (#CDEDFB, #00617E, #5720AF, #004A2F, #000204)
• Denim Atelier color palette (#D8E8E6, #559FAD, #006278, #003B3D, #000B12)
• Aged Olive Bloom color palette (#D8EADF, #A5AA71, #697A39, #435E3C, #2A2B00)
• Feathered Aubergine color palette (#D3F0FF, #00758D, #7E289B, #003F4D, #0E0014)
• Teal Cabin color palette (#CAF5F4, #5AC19C, #008B76, #006968, #003727)

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