Softworn Lagoon color palette — #FFF1F6 · #D98A2C · #5495CB · #3F749E · #402C34

Built around Mustard, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D98A2C): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#5495CB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3F749E): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#402C34): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Amber Pier color palette (#E7FBEF, #B98800, #4385BA, #3B678C, #2B2539)
• Wandering Coral color palette (#FFF0FB, #F66F51, #3C9EB0, #287B8A, #3F2C3A)
• Aged Balcony color palette (#EAFAEE, #C2990D, #8A87C5, #6A679D, #24382A)
• Muted Indigo Station color palette (#FFF2EE, #F09599, #44ADC5, #7F61AA, #351D16)
• Weathered Balcony color palette (#FFF1F7, #DCA827, #519774, #685A88, #2A4339)
• Chalky Azure Summit color palette (#E5FAF7, #94C994, #58BBE1, #5C91DB, #1B3936)
• Lagoon Pier color palette (#FDF2F7, #FFAE80, #00A78D, #B7693A, #11282B)
• Ancient Bronze color palette (#FFF3E7, #B66D20, #48804F, #733D65, #37322D)

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