Lagoon Basin color palette — #EDF5E8 · #308F78 · #304135 · #232C1D · #111712

Built around Fern, softened by Forest — the whole palette hums with sophistication.

The five colors

• Cream (#EDF5E8): bright and airy, almost weightless.
• Fern (#308F78): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#304135): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#232C1D): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#111712): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Softworn Harbor color palette (#ECF5E7, #30B299, #4C5E4A, #323B2D, #20231D)
• Antique Boulevard color palette (#E2F6F9, #52D0B1, #6A7F89, #4A5759, #1B2423)
• Cypress Veranda color palette (#DBF0DB, #007879, #002F43, #041E07, #000B04)
• Softworn Bronze color palette (#E8FAEF, #57A4BA, #B97567, #91692C, #2F493A)
• Smoked Abyss color palette (#DFF2E9, #004C66, #091A1C, #020A2D, #000406)
• Antique Cypress Thicket color palette (#FAF3F0, #CBE7E2, #6DA2B9, #3B7D67, #29534A)
• Wandering Market color palette (#EFFADD, #8BCCC2, #279CA1, #006C87, #275546)
• Hushed Courtyard color palette (#EDF9EF, #96BB9C, #CA8566, #00828B, #6A4230)

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