Pine Harbor color palette — #DCFFE9 · #6DDEA0 · #008D50 · #004326 · #000301

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

The five colors

• Honeydew (#DCFFE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#6DDEA0): A luminous, balanced teal — the color of sea glass.
• Fern (#008D50): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004326): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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

• Seafoam Loft color palette (#D5FFFB, #00E1D2, #00938C, #004642, #000606)
• Soft Chartreuse Lagoon color palette (#EBFEC6, #B7D463, #708800, #354300, #040700)
• Muted Harbor color palette (#D7FFF6, #00CCB0, #006F60, #002D26, #000201)
• Worn Mustard color palette (#F0F8EB, #B1C573, #005F4E, #001E17, #000200)
• Wandering Seafoam Study color palette (#F1FADB, #C3EEEE, #63E2D2, #558C4A, #002616)
• Faded Alley color palette (#AEF8C4, #00E093, #00B16A, #007A40, #001F0B)
• Linen Coast color palette (#E6FCE8, #009DA5, #6A64D4, #485400, #000A0B)
• Wandering Cobalt color palette (#EEF8F0, #3CD0E4, #007FB8, #00707D, #000201)

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