Lagoon Basin color palette — #FAF3F7 · #C8EAFF · #82A9CC · #418882 · #354867

Built around Fern, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#82A9CC): A luminous, dusty blue — the color of open sky before noon.
• Fern (#418882): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#354867): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Powder Villa color palette (#FAF4F0, #BFE5F4, #85C1F7, #3D928B, #4E364A)
• Wandering Periwinkle color palette (#FBF2F5, #B9D9F4, #7095D9, #007A84, #37365A)
• Washed Petrol color palette (#F4F6ED, #CAE3D6, #5593B3, #006F7E, #255145)
• Muted Atelier color palette (#EBE0E8, #649DA6, #006181, #003D2F, #000919)
• Blush Study color palette (#FAF1FF, #D78AA6, #52AC8F, #1E8FA3, #3F3247)
• Forest Garden color palette (#F3E1ED, #83BEBC, #008299, #005D37, #002235)
• Ultramarine Bloom color palette (#EBDCE2, #75A9C8, #2064BC, #004A4C, #0F073C)
• Timeworn Sand Pier color palette (#F9F2FF, #EBD6DB, #F1C59A, #A78CB1, #56485B)

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