Lagoon Harbor color palette — #CCF4EC · #00A2A5 · #006B76 · #004758 · #003146

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CCF4EC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A2A5): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006B76): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004758): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#003146): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Pier color palette (#D6EEF0, #008AA7, #004F6C, #00324F, #1E0F46)
• Pale Teal Atelier color palette (#CDE7D4, #00B9AC, #008992, #005973, #032967)
• Misty Brick Summit color palette (#CBE6D5, #008EA5, #B23D31, #005261, #530201)
• Hushed Corridor color palette (#D1E7C8, #34A557, #006A45, #004E3F, #003933)
• Iris Basin color palette (#D5F7E5, #9DCFFB, #8793CC, #00646A, #0A392B)
• Worn Cobalt color palette (#C4F1D5, #54B3DA, #2584B8, #31598F, #4B3E62)
• Mulberry Pier color palette (#C3EBF9, #007793, #9D1F7B, #574E00, #00242E)
• Sunlit Navy Station color palette (#DAEEF6, #006F9E, #004380, #010577, #11014C)

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