Lagoon Harbor color palette — #D8E6DF · #009677 · #006253 · #003834 · #001C1C

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

The five colors

• Parchment (#D8E6DF): bright and airy, almost weightless.
• Fern (#009677): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006253): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003834): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001C1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Basin color palette (#CBF1F4, #00A0A7, #005E63, #003134, #000203)
• Dusty Lagoon Summit color palette (#DBF1DB, #009C6D, #007A68, #005A5F, #001A21)
• Timeworn Veranda color palette (#C8EDF5, #0087A3, #005B77, #00364F, #001324)
• Weathered Emerald color palette (#D7E4CE, #309600, #006A20, #003C1C, #00190E)
• Washed Balcony color palette (#DBEED8, #008A81, #6442D8, #00504B, #100037)
• Softworn Azure Courtyard color palette (#D4E7D6, #5CBBD3, #009ACF, #006861, #001F24)
• Misty Lantern color palette (#D9EDEC, #007575, #0051C3, #395400, #000A0A)
• Aqua Canyon color palette (#94F0FF, #00C9EB, #0094BA, #00719A, #004A6E)

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