Teal Lagoon color palette — #F2F4DC · #00B2B4 · #08778F · #463F6B · #112917

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

The five colors

• Cream (#F2F4DC): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#00B2B4): A luminous, balanced teal — the color of sea glass.
• Teal (#08778F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#463F6B): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Forest (#112917): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hazy Petrol color palette (#E4F8EA, #009FB5, #3C63A6, #4D3364, #002614)
• Antique Grove color palette (#E9FBEC, #4AA9A3, #247393, #76354C, #24424C)
• Sunlit Jade Pier color palette (#F8F3D6, #59B369, #2A7B63, #0E4B6F, #202511)
• Sky Boulevard color palette (#EEF5DF, #5FB7E2, #5A7BA2, #6D454D, #1A322A)
• Sunlit Aubergine color palette (#DAF9DF, #008EAB, #005785, #490B62, #00151E)
• Weathered Cerulean Meadow color palette (#F0F3EB, #B5E9D9, #5E91C7, #2C667E, #372437)
• Muted Petrol color palette (#D0E8D7, #008495, #1F372C, #0D1911, #040704)
• Antique Cerulean Workshop color palette (#FFF2EB, #79C3A2, #478EBC, #8D513F, #2D442C)

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