Softworn Lagoon color palette — #E4EAFF · #5C6EF4 · #BC4730 · #00743B · #232B5A

A conversation between Sapphire and Brick, giving this palette its sense of nature and growth.

The five colors

• Frost (#E4EAFF): A whisper-light, dusty violet — the color of wild irises.
• Sapphire (#5C6EF4): A full-bodied, vivid violet — the color of a velvet chair.
• Brick (#BC4730): A full-bodied, balanced orange — the color of toasted spice.
• Pine (#00743B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#232B5A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, 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

• Wandering Lapis Atelier color palette (#E0E1F1, #6353CF, #9C3C00, #005C3F, #1C1841)
• Pale Violet color palette (#FBDAE9, #8263CA, #9F571D, #006A58, #3E202F)
• Worn Grove color palette (#D9EFFF, #0088CA, #B7416D, #576900, #043450)
• Weathered Boulevard color palette (#FFD7EE, #7A72DC, #986C00, #5F6209, #150F39)
• Lilac Pier color palette (#FFF1F4, #A571B8, #9A7335, #00787A, #4E2C36)
• Byzantium Cabin color palette (#FFF1F4, #A145C5, #726800, #00583F, #391E44)
• Sunlit Harbor color palette (#F2E5FF, #B77CE8, #D86E00, #A37300, #3B254D)
• Misty Grape color palette (#EDE5F7, #7B15BC, #704100, #004742, #1A042B)

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