Softworn Lagoon color palette — #FAF4EE · #C5E0EE · #C8A4C3 · #53938E · #644957

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C5E0EE): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#C8A4C3): A luminous, dusty pink — the color of neon signs at night.
• Storm Blue (#53938E): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#644957): 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

• Lagoon Garden color palette (#FBF3EF, #C4E0EA, #8BBDB0, #579481, #63495B)
• Tempered Petrol Thicket color palette (#F1F7F2, #D8DDEE, #799CC4, #167C8C, #45536B)
• Worn Cerulean color palette (#FBF1FC, #A3C8F0, #D9A485, #5A90C8, #723E09)
• Turquoise Lagoon color palette (#E6FDDC, #8DD4E3, #65AED2, #5D76A3, #654557)
• Washed Grove color palette (#E4FBF4, #84B8E0, #C89C5F, #938E4B, #304841)
• Aged Cobalt color palette (#F0E7E0, #81BAD7, #4974B8, #005A51, #1F124A)
• Denim Thicket color palette (#F5EDE4, #6697C3, #454E9E, #003B3D, #100021)
• Muted Bronze color palette (#FCF4E4, #CFCCAE, #AC9971, #9B6833, #424E00)

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