Softworn Lagoon color palette — #ECF1EB · #AFC6C0 · #89B2AB · #00948A · #182316

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

The five colors

• Cream (#ECF1EB): a clean, paper-quiet neutral.
• Stone (#AFC6C0): A luminous, dusty teal — the color of sea glass.
• Sage (#89B2AB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#00948A): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#182316): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Softworn Lagoon 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

• Antique Emerald Ridge color palette (#DFE0D9, #B6C4B8, #8FB59C, #599148, #202111)
• Ancient Cobalt color palette (#DFE7E3, #B2C4C6, #CBABCB, #008BC0, #10241D)
• Patina Cypress Boulevard color palette (#E9F9FB, #CCDCF0, #A9BECF, #00705F, #020F11)
• Hushed Turquoise color palette (#ECF9F1, #C5E0E0, #B8C4EE, #00A9CC, #21392C)
• Aged Abyss Lantern color palette (#E0E7DC, #A7B8AC, #9A859C, #005041, #050E01)
• Faded Aubergine color palette (#EDF0E0, #00ACB6, #0083A4, #5E3BA2, #001A1F)
• Pale Garden color palette (#D0E8D4, #00DBD2, #4EB3F0, #00A1D1, #001B21)
• Hushed Cobalt Summit color palette (#D2F1FE, #7AA5C7, #6185BE, #7D5980, #3F1D1F)

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