Softworn Lagoon color palette — #DFE9ED · #B8C0D0 · #9FA5BD · #009298 · #0A232A

Cerulean and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DFE9ED): bright and airy, almost weightless.
• Ash (#B8C0D0): A luminous, dusty violet — the color of twilight just after sunset.
• Mauve (#9FA5BD): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#009298): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0A232A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Cobalt Meadow color palette (#E5EDF5, #BFBEC9, #ABA2B7, #2885D0, #12212F)
• Ancient Cypress Meadow color palette (#E3EBED, #BBC6CE, #98A5BE, #006F6F, #03242B)
• Wandering Delta color palette (#DCE4E3, #B4C2CA, #94AABF, #009A4D, #0E2422)
• Abyss Dune color palette (#E5F0E6, #A4B9AD, #74968A, #004E51, #040E05)
• Ancient Terracotta color palette (#C4EEF7, #82ABCB, #8284AF, #914531, #382200)
• Washed Azure color palette (#EFF6FC, #D7D8E8, #CDBCE5, #00A5E0, #17364A)
• Ultramarine Boulevard color palette (#DCE2EA, #A29EAF, #9382A2, #0A61BB, #010919)
• Gentle Mulberry Lagoon color palette (#D0ECD6, #00ABBC, #007BC8, #A1002F, #001A22)

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