Lagoon Basin color palette — #FBF4ED · #C3E3F4 · #A4BBE9 · #49908A · #563245

Fern takes the lead with Sky close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Powder Blue (#C3E3F4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A4BBE9): A luminous, dusty violet — the color of wild irises.
• Fern (#49908A): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#563245): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Periwinkle Boulevard color palette (#FFF3E9, #D8D6E3, #7FAEFF, #00897E, #352C5C)
• Worn Pier color palette (#F0F7F1, #D7DDF4, #96C1F4, #00AAC3, #384863)
• Aqua Boulevard color palette (#FCF3F0, #BFE4E7, #7AC8DD, #698D62, #16493D)
• Cobalt Studio color palette (#E3FCF3, #A8DCFF, #E5AE78, #2193D0, #513008)
• Washed Iris color palette (#FCF2F6, #C6E0F5, #6A88CE, #00716C, #414562)
• Aged Cabin color palette (#DDFEF2, #EEDDD7, #AEA699, #6BB3A8, #564556)
• Muted Azure color palette (#D6FFF9, #81E1F9, #4DA9DE, #44689E, #533147)
• Cobalt Veranda color palette (#FFF2ED, #99D8E0, #0085B6, #005532, #00072E)

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