Lagoon Canyon color palette — #F0F7F2 · #D4DCF0 · #78ABD4 · #008B95 · #32486B

A conversation between Cerulean and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D4DCF0): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#78ABD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008B95): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#32486B): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Ancient Powder Alley color palette (#FAF4EB, #C0E5F5, #8AC1EF, #418F97, #4D364D)
• Washed Petrol Corridor color palette (#E2F0E5, #86BBCA, #008396, #005B48, #002330)
• Patina Bloom color palette (#FAF3F6, #C6E1F2, #588BD2, #007264, #3F475E)
• Worn Boulevard color palette (#E5F3E8, #5B9EAC, #00617F, #003C38, #000A16)
• Timeworn Ultramarine color palette (#DFEFE2, #74A8CE, #0E64BF, #004855, #060742)
• Hushed Cerulean Balcony color palette (#EBF9EE, #7CDED9, #009FAD, #007555, #003948)
• Cobalt Grove color palette (#FBF1FF, #DA89A2, #8FA349, #2E8FC8, #432F4B)
• Cobalt Grove color palette (#E9F1EA, #9BCCE9, #2E8ADC, #006A77, #182B59)

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