Softworn Lagoon color palette — #E9F9F4 · #8AB5DB · #B89068 · #3D77A8 · #6E4100

Slate and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Sky (#8AB5DB): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#B89068): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#3D77A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Wandering Cobalt Ridge color palette (#FEF1F9, #A3ABE3, #AB9857, #666CA9, #504D46)
• Hushed Corridor color palette (#EEF9EE, #7CBDBF, #C08789, #278184, #694235)
• Pale Cobalt color palette (#E8F5F2, #8BC0B3, #C88E5A, #2075BE, #482807)
• Ancient Cobalt color palette (#EFF6FF, #A5C7F4, #DAA480, #5D8ED0, #68432A)
• Hushed Field color palette (#FEF0FF, #749BC9, #B6747B, #667F55, #4B3D4C)
• Pewter Ridge color palette (#FFF1F5, #B38ECA, #669957, #7C4F96, #2F4B27)
• Pale Ultramarine color palette (#FFF0FC, #678BFB, #A37500, #2B45D5, #4E3600)
• Wandering Grove color palette (#FDF0FE, #E8D6D8, #EAB8B1, #6B9380, #5D4D5B)

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