Lagoon Harbor color palette — #DFF3EB · #00958B · #00586A · #00243F · #010015

Fern and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF3EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00958B): A luminous, balanced teal — the color of sea glass.
• Peacock (#00586A): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#00243F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Patina Emerald color palette (#D9E4D2, #00A168, #00665C, #00292F, #000308)
• Navy Workshop color palette (#D6F5ED, #0098AD, #00557A, #00187B, #040016)
• Cerulean Alley color palette (#BCEAE8, #009AA4, #00758F, #004F6B, #001629)
• Chestnut Lagoon color palette (#DDEEE3, #008DA3, #9C4F00, #00444F, #030100)
• Washed Azure Parlor color palette (#D3EDFF, #00A3E1, #00557F, #001723, #000103)
• Nocturne Onyx color palette (#D2ECEE, #007591, #003C76, #130056, #020007)
• Fuchsia Studio color palette (#E6F9FF, #A4C8FF, #D77AF6, #006D59, #000308)
• Dusty Drift color palette (#F6DFD4, #B3AB00, #007EAF, #06090F, #000201)

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