Teal Lagoon color palette — #DDF1EC · #00B7B6 · #00848C · #005E52 · #000C0F

Built around Turquoise, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DDF1EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00B7B6): A luminous, balanced teal — the color of sea glass.
• Teal (#00848C): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Teal Drift color palette (#FDEAF6, #00A8A5, #006374, #003E22, #000B14)
• Tempered Lantern color palette (#CDE6E4, #67A9D0, #007ABE, #005A70, #00091A)
• Weathered Lagoon Thicket color palette (#F3E9F4, #3E8684, #004353, #002204, #000104)
• Airy Azure Pier color palette (#D3E6E5, #8AC8F1, #0998F2, #007898, #021F41)
• Turquoise Coast color palette (#DFF4F1, #84E3FB, #00B5E3, #0F8F97, #003347)
• Feathered Cobalt color palette (#C7E7FB, #0080C6, #005EA4, #003577, #010039)
• Dusty Lilac Dune color palette (#D5E1FA, #A9A4F8, #A880D7, #396EB5, #080526)
• Sapphire Meadow color palette (#DFE8FF, #3952FF, #A52392, #00656C, #000010)

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