Lagoon Canyon color palette — #BBECF3 · #5CB9AF · #008886 · #006468 · #144663

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

The five colors

• Frost (#BBECF3): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#5CB9AF): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#008886): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#006468): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#144663): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Iris Ridge color palette (#E6F9FF, #57B0B3, #907BC3, #007478, #463A64)
• Antique Turquoise color palette (#DDF3F3, #00AABA, #006A79, #004A5A, #182D49)
• Timeworn Veranda color palette (#E9F8FF, #7FC5D4, #008195, #00505A, #00343B)
• Quiet Lagoon Terrace color palette (#B8F1EB, #7BB58B, #0A9360, #006C4E, #095143)
• Seafoam Corridor color palette (#B3F3E0, #24E7CE, #00BEB7, #339393, #33523A)
• Mint Delta color palette (#DEE8C0, #68D4AF, #00A6A3, #007481, #274E3D)
• Cobalt Alley color palette (#B7EBFF, #63B0D6, #0082BD, #005C96, #413F6D)
• Pale Garden color palette (#E5F9FF, #009C9B, #4F7BC0, #537600, #143E48)

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