Softworn Lagoon color palette — #EFF7F9 · #D3DAE6 · #B7BED9 · #009395 · #2F3D41

Built around Cerulean, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D3DAE6): bright and airy, almost weightless.
• Ash (#B7BED9): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#009395): A luminous, balanced teal — the color of sea glass.
• Charcoal (#2F3D41): a grounded near-black with real depth.

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

• Washed Cobalt Market color palette (#EDF7FF, #CEE0F9, #B5B9EB, #007FBE, #263541)
• Hushed Teal Study color palette (#F1F7F1, #CEDDDC, #D1B9B7, #42B3B1, #323E32)
• Hushed Basin color palette (#D4E5EF, #008DB3, #25425F, #0A2533, #070F12)
• Pewter Grove color palette (#C8EDFF, #97BFE3, #7F8AB4, #88574F, #594049)
• Washed Cypress Lantern color palette (#D6E2E7, #B6C7D2, #90A8C0, #006D79, #0E222A)
• Wandering Grove color palette (#E9FAF2, #A7BD8F, #41954F, #376D74, #173D35)
• Misty Parlor color palette (#DDF6E2, #15B6C3, #0E7EC1, #833B44, #113545)
• Amethyst Boulevard color palette (#E1F6FF, #00A8BE, #7A54D0, #8C2434, #332B00)

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