Teal Lagoon color palette — #F0F8EB · #2CB69B · #2F4E3F · #16230D · #060602

A conversation between Turquoise and Deep Olive, giving this palette its sense of sophistication.

The five colors

• Ivory (#F0F8EB): bright and airy, almost weightless.
• Turquoise (#2CB69B): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#2F4E3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#16230D): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#060602): a grounded near-black with real depth.

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

Use it as a design system

One click turns Teal Lagoon 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

• Turquoise Cabin color palette (#E8FAF1, #4FABCC, #533F4E, #0E231A, #030702)
• Muted Teal color palette (#D6E9EB, #00C5AC, #527683, #374E52, #101A1A)
• Wandering Dune color palette (#DEE7DA, #008876, #213726, #11180D, #050703)
• Dusty Cornflower color palette (#FEF0FF, #438CDE, #492A37, #180919, #000201)
• Charred Cobalt color palette (#CEEEE3, #007DBF, #39172B, #0D1A1D, #00040B)
• Wandering Bronze color palette (#F8F5E8, #C8E3CE, #65ADA6, #86762C, #333E00)
• Airy Coral Loft color palette (#FEF0FF, #92BEF4, #E08FA2, #DB6B63, #372239)
• Faded Cerulean Meadow color palette (#E9FAF1, #98E0FF, #FF9A9B, #0097C3, #57282A)

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