Lagoon Harbor color palette — #C7EDDC · #00987D · #006055 · #00403B · #001919

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

The five colors

• Honeydew (#C7EDDC): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00987D): A luminous, balanced teal — the color of sea glass.
• Pine (#006055): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#00403B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001919): 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

• Washed Lagoon Station color palette (#D7E7E3, #00A494, #007976, #004B4D, #00272A)
• Hushed Jade color palette (#B7F4B8, #00C585, #008977, #005155, #001D26)
• Pale Emerald color palette (#E0F4D6, #1CA01F, #00662D, #003C1F, #001D11)
• Patina Turquoise Harbor color palette (#98F4FD, #00A9B4, #00636A, #002F32, #000606)
• Powdered Turquoise color palette (#C5E8EA, #00BCCE, #00869B, #00566A, #113929)
• Cerulean Courtyard color palette (#D7EEF7, #0096C5, #006A98, #003F64, #001C39)
• Chalky Canyon color palette (#D5F6F6, #007A7D, #2756BC, #355800, #000E0E)
• Tempered Turquoise color palette (#D8F6DD, #82D4E9, #58A9D3, #006865, #001D0B)

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