Softworn Lagoon color palette — #FAF4EE · #CDE6EA · #CAA3BF · #569294 · #674854

A conversation between Storm Blue and Mauve, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#CDE6EA): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#CAA3BF): A luminous, dusty pink — the color of neon signs at night.
• Storm Blue (#569294): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#674854): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Mallow Archive color palette (#FFF1F3, #CD9ED0, #91B080, #569B7F, #513C40)
• Antique Powder color palette (#F8F5EF, #C6DEF0, #ACC7FC, #78ABBE, #624A5A)
• Petrol Studio color palette (#F1F7F2, #DADCED, #839ABE, #327890, #48526C)
• Lagoon Hollow color palette (#FEF2EF, #C5E8DE, #75AEC4, #54895C, #2F4968)
• Weathered Driftwood color palette (#FFF1F3, #E1B2DF, #AEB87A, #A979A7, #4F4D46)
• Aged Market color palette (#FFF0FE, #BEC4FA, #AD94D1, #8D648B, #67433F)
• Cypress Cabin color palette (#FEF3EA, #B1E1CD, #7795CC, #007D74, #502E41)
• Cobalt Boulevard color palette (#EFE5DC, #83B8E1, #5A6EBE, #005959, #280E46)

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