Teal Lagoon color palette — #D8E3DA · #57B3B0 · #00606A · #002D1F · #000102

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

The five colors

• Bone (#D8E3DA): bright and airy, almost weightless.
• Turquoise (#57B3B0): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00606A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#002D1F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Atelier color palette (#D8E4DA, #74AAC8, #005795, #002A30, #00000B)
• Worn Petrol Balcony color palette (#E7F1E9, #75C7C9, #007486, #003F32, #000305)
• Dusty Cerulean color palette (#D7EAEE, #0091A5, #004B55, #1B1C23, #000608)
• Ancient Cornflower color palette (#D9ECED, #47C5F6, #3585F3, #004C43, #000102)
• Hushed Forest Alley color palette (#E5DAE6, #5CB1AC, #00829C, #20601E, #000A17)
• Mulberry Courtyard color palette (#D2F3FD, #007A7C, #9F0032, #003233, #040000)
• Weathered Azure Workshop color palette (#F0F8F1, #CDE1FF, #009FD1, #006A65, #002038)
• Ancient Aubergine color palette (#CFE3EB, #006167, #71007E, #412E00, #000102)

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