Lagoon Basin color palette — #F0F8ED · #8DD4C7 · #DA9BBE · #00A291 · #653F54

Fern and Mauve set the tone — five colors that lean into balance.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Lagoon (#8DD4C7): A luminous, dusty teal — the color of glacier melt.
• Mauve (#DA9BBE): A luminous, balanced pink — the color of peonies in June.
• Fern (#00A291): A luminous, balanced teal — the color of sea glass.
• Cocoa (#653F54): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Balance. Tagged 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

• Hushed Cerulean Study color palette (#EEF8F0, #8CD1DE, #E0A176, #009EB1, #524C47)
• Tempered Seafoam Balcony color palette (#EEF9E7, #87EBD0, #F4AFCE, #64BBA4, #664240)
• Moss Harbor color palette (#F6F6E7, #C7C89C, #B7A5E7, #6D9C50, #624251)
• Wandering Dune color palette (#E8F9FB, #7EBFAC, #D2789D, #21846E, #574561)
• Worn Peony Grove color palette (#E5FCEC, #1AC3DC, #F26099, #008699, #6D0539)
• Cerulean Veranda color palette (#EFF7F4, #EFC7BA, #56849D, #2D5747, #232E29)
• Patina Taupe color palette (#F2F7ED, #FDD5F0, #CAE6E2, #97A97C, #435446)
• Quiet Alley color palette (#DCF6E7, #4AB7D7, #D9755C, #007E9A, #582316)

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