Lagoon Harbor color palette — #D7E8DE · #008B75 · #006760 · #003E43 · #00171D

Fern and Pine set the tone — five colors that lean into calm and sophistication.

The five colors

• Parchment (#D7E8DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008B75): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006760): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003E43): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Lagoon 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

• Cypress Studio color palette (#DCE7DB, #008261, #004C44, #00262E, #070D23)
• Emerald Drift color palette (#E2EBDA, #039125, #00663A, #003D2D, #001A16)
• Cerulean Terrace color palette (#D9EDF2, #009CAE, #006570, #002D35, #000405)
• Brick Summit color palette (#CCE7CC, #008989, #BF0033, #005050, #260004)
• Aged Onyx Terrace color palette (#CEF2F9, #008AA9, #005C83, #003055, #000B4A)
• Worn Boulevard color palette (#DBEDDC, #64BAD9, #6998E2, #006E5F, #001820)
• Soft Grape color palette (#D7F6F8, #00747B, #8C169D, #614500, #000A0B)
• Softworn Peony Corridor color palette (#F6EBDD, #F50488, #0089B5, #00121C, #000201)

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