Lagoon Basin color palette — #EFF3ED · #CFDAD6 · #AEC2BC · #428373 · #292E25

A conversation between Fern and Stone, giving this palette its sense of sophistication.

The five colors

• Cream (#EFF3ED): bright and airy, almost weightless.
• Silver (#CFDAD6): a clean, paper-quiet neutral.
• Stone (#AEC2BC): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#428373): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#292E25): quiet, heavy and certain.

Feels like: 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

• Softworn Lagoon color palette (#EFF7F7, #D5DBE3, #BABFCD, #37846B, #3B4B4C)
• Ancient Petrol color palette (#EBF4F0, #C9DADC, #CEB6CF, #00759D, #162A22)
• Hushed Terrace color palette (#F8F1E2, #BCB392, #6F7C46, #585908, #2D2710)
• Velvet Lagoon color palette (#D3E3D5, #00858C, #203729, #0B1A0E, #030803)
• Cypress Boulevard color palette (#EAF5EA, #C9D8CD, #98B3A3, #00696A, #0A1F0C)
• Abyss Orchard color palette (#E8F1E6, #94A595, #6C8272, #00403B, #010600)
• Wandering Quarry color palette (#F3F4D8, #48AFA6, #227884, #3F416E, #112913)
• Ancient Courtyard color palette (#DAFCE6, #98C1AF, #927A95, #734E59, #4A262B)

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