Lagoon Canyon color palette — #F9F4EE · #C2E6EA · #92A1DA · #008C8E · #4E3F65

A conversation between Cerulean and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C2E6EA): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#92A1DA): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#008C8E): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4E3F65): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Pine Grove color palette (#FCF3F0, #C3E8DF, #59B1D4, #438D57, #314968)
• Washed Cobalt color palette (#F0F7F2, #C7DFF7, #668AC9, #006D86, #3A4764)
• Worn Lagoon color palette (#F9F4ED, #DADFF5, #A4BEEC, #69A2B5, #5A3D52)
• Ultramarine Lagoon color palette (#D5F4D0, #72C6D9, #3E9FD7, #4660B6, #483D69)
• Denim Garden color palette (#F7E8DE, #669AB5, #2755A1, #003C36, #0B0027)
• Weathered Amber color palette (#FFF0FD, #81A4E8, #CB882C, #8F8000, #472E45)
• Pine Boulevard color palette (#F7ECE9, #B2CDB0, #0095B5, #057219, #002F55)
• Patina Cobalt Hollow color palette (#F7E7DF, #7DBDCC, #007BBC, #005C42, #0F1454)

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