Lagoon Harbor color palette — #D3F3F6 · #009D7C · #144D57 · #062C2F · #001616

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

The five colors

• Frost (#D3F3F6): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009D7C): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#144D57): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#062C2F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001616): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication. Tagged noir, dark, luxury, muted.

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

• Dusty Emerald color palette (#CFF5EE, #37A000, #134F4D, #002E29, #041511)
• Antique Cerulean color palette (#D2E9F4, #00A0BB, #3A505F, #1C313B, #111A1D)
• Patina Cypress Pier color palette (#D3F7FE, #008476, #003A46, #001A1E, #000607)
• Jade Coast color palette (#EBFCDE, #00AA88, #004640, #0D1A01, #010200)
• Dusty Jade Summit color palette (#DEEBD1, #00BD90, #00757E, #40433C, #121305)
• Powdered Emerald Study color palette (#C1F6FF, #00AFC3, #7483F1, #1F9721, #00373F)
• Airy Terrace color palette (#E0FCF6, #96CA95, #419B63, #567340, #214421)
• Obsidian Denim Lagoon color palette (#DBF1FF, #005B76, #3A3034, #001B2C, #000306)

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