Lagoon Canyon color palette — #FAF4EE · #C2E6EA · #8CA5D6 · #238994 · #5E3A50

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C2E6EA): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8CA5D6): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#238994): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5E3A50): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Parlor color palette (#FAF3F5, #D9D4DE, #97BAFF, #39909A, #353E5B)
• Worn Powder Studio color palette (#FBF3EF, #CDE7E4, #8AB8D5, #778E6C, #604A5F)
• Weathered Grove color palette (#FFF1F5, #E4D8D2, #C3C39C, #8393C5, #62444A)
• Petrol Veranda color palette (#EDF8F7, #C8DFF5, #5D8EC2, #006C8E, #354963)
• Tempered Turquoise Station color palette (#FEF2ED, #C0DDC3, #41A3C0, #277D5B, #113E5D)
• Moss Harbor color palette (#FFF1F5, #BA90DA, #89A54B, #5E965C, #4D2D38)
• Hushed Station color palette (#F3E8E2, #75BFCC, #007FAB, #005B49, #001F42)
• Denim Boulevard color palette (#F3E5DB, #649BB2, #005B9A, #003C39, #03012C)

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