Lagoon Canyon color palette — #FBF2F6 · #D6DCF3 · #8BA5D4 · #008B94 · #43436A

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Powder Blue (#D6DCF3): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#8BA5D4): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#008B94): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#43436A): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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 Lagoon color palette (#FAF2F8, #CBE2FB, #5DB2CC, #009164, #2B4B65)
• Patina Cerulean color palette (#F4F6EE, #BEE7D9, #598EC4, #266B85, #573E56)
• Worn Cabin color palette (#F7EAF4, #8CB9CB, #007FA9, #005B48, #001F40)
• Denim Basin color palette (#EAE0E6, #7198AF, #005C95, #003C38, #02002F)
• Cerulean Study color palette (#FDF1FA, #7DDCE5, #009BC3, #007556, #00355A)
• Hazy Blush Coast color palette (#E4FAFE, #71CABD, #E28499, #009586, #672D3B)
• Timeworn Cobalt color palette (#F8EAEF, #ADC7E1, #6983CA, #006A77, #2E2553)
• Ember Terrace color palette (#E6F9FF, #48B8BC, #CB7C9E, #C9635D, #0F3E4B)

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