Lagoon Basin color palette — #FBF2FA · #D4D4E3 · #90C2E0 · #589071 · #304058

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#90C2E0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#589071): A luminous, dusty teal — the color of sea glass.
• Navy (#304058): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Veranda color palette (#FBF2F6, #D8D4DF, #C9BDEE, #619F99, #474C64)
• Sky Garden color palette (#FBF2FA, #CCDBF5, #01BFF4, #318A4D, #14355E)
• Timeworn Ash Hollow color palette (#E7F9FF, #D9DCE7, #83BCBC, #B5ABA5, #334D5F)
• Ancient Cerulean color palette (#ECF4EE, #C3E2EE, #1E9CBC, #006E60, #112F43)
• Softworn Cerulean color palette (#FCF3EF, #CBE4CF, #2D95C2, #396F4E, #563E55)
• Pale Apricot color palette (#E8F8FF, #82E6F7, #FD9D90, #009BAD, #552B25)
• Tempered Courtyard color palette (#FFF0F7, #9DD4F3, #5179C0, #00524B, #0F002E)
• Patina Periwinkle Boulevard color palette (#FFF0F8, #D8D6ED, #4D9AFF, #007465, #221754)

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