Lagoon Loft color palette — #E2F4F0 · #009F9A · #007179 · #00434D · #00202E

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

The five colors

• Cream (#E2F4F0): bright and airy, almost weightless.
• Cerulean (#009F9A): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007179): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00434D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Lagoon Loft 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 Harbor color palette (#C6ECEC, #008A9A, #005F78, #00344E, #00162E)
• Hushed Turquoise Meadow color palette (#D8EBF3, #00AACE, #006F8E, #003646, #00080D)
• Emerald Harbor color palette (#D5E9D5, #00A75F, #007759, #005147, #002222)
• Soft Studio color palette (#D9EBDF, #82C6F9, #889EF5, #007770, #002835)
• Worn Scarlet color palette (#D9E6DC, #0097A9, #DA061A, #005E69, #3A0002)
• Antique Meadow color palette (#D0EECB, #4ACBD3, #00A5BA, #007C9B, #244D66)
• Soft Plum Terrace color palette (#D0F5FF, #00829A, #B10099, #685700, #00151B)
• Faded Nightshade Hollow color palette (#CFE5EE, #0096D0, #006CB5, #1230A2, #17164E)

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