Lagoon Basin color palette — #ECF3F6 · #D4D7DE · #B4ACB6 · #4A8F96 · #2D383D

Built around Storm Blue, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D7DE): a clean, paper-quiet neutral.
• Ash (#B4ACB6): a calm mid-gray that lets other colors speak.
• Storm Blue (#4A8F96): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#2D383D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Lagoon Grove color palette (#EDF4F0, #ABCBC3, #598E8D, #466773, #193731)
• Wandering Cobalt color palette (#EFF2F8, #D9D5DD, #C7B7C7, #5E72AF, #262C38)
• Tempered Chestnut color palette (#E9F6E7, #6FBABC, #5D7AA1, #6E4917, #192F3B)
• Ancient Coast color palette (#F1F7F2, #D3DBDB, #B4B3BF, #919DC7, #475049)
• Patina Spruce Quarry color palette (#DDE5E9, #838F9A, #5F6B82, #003039, #000103)
• Navy Villa color palette (#DFE4EA, #AFB3BE, #8C89A8, #003E90, #020B1A)
• Patina Pewter color palette (#E8F5F7, #5DACA5, #8A5F92, #5C4A00, #272A00)
• Washed Cerulean color palette (#E6EFF5, #4F8BAB, #313C4F, #0E202D, #060E11)

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