Worn Seafoam Harbor color palette — #B8F7E3 · #00E2DB · #00BEC5 · #399AAD · #2C5040

Lagoon takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B8F7E3): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#00E2DB): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00BEC5): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#399AAD): A luminous, balanced blue — the color of deep harbor water.
• Deep Olive (#2C5040): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Worn Seafoam 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

• Seafoam Station color palette (#CCF7CD, #80E7A6, #50C9A1, #3C9889, #365139)
• Worn Canyon color palette (#DAFFEF, #8DEFDC, #19B0B9, #00768F, #053F59)
• Hazy Glacier color palette (#EAFAEE, #4FE2F7, #FFA18C, #4EAEBD, #60352B)
• Sky Workshop color palette (#AAEFFB, #67DDFF, #4BB8ED, #5589B8, #5A3D5A)
• Sky Atelier color palette (#E7F9FF, #9CE3FF, #50C0E8, #3D8EA7, #003645)
• Weathered Stone color palette (#E6FCED, #DBD7E3, #C6B0B5, #81C4BE, #42564C)
• Lagoon Veranda color palette (#CDF1EB, #009BA0, #007486, #004C61, #001525)
• Quiet Aqua Bloom color palette (#DDFFE9, #02D4F8, #DE9BCD, #B3A56D, #263E30)

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