Softworn Lagoon color palette — #EDF6FF · #86BCFF · #3F6DFF · #381FCA · #1D0051

Built around Indigo, softened by Sapphire — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#86BCFF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#3F6DFF): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#381FCA): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#1D0051): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Pale Violet color palette (#F0F5FF, #AEBCFF, #7757FD, #6000BB, #250041)
• Feathered Hollow color palette (#E9F8FF, #78CAFF, #0084E1, #003EA2, #0B0056)
• Ancient Indigo Thicket color palette (#FFF1F3, #6FACFF, #5F5FD9, #800052, #020D4B)
• Vivid Ultramarine Cabin color palette (#D8E9F8, #3F94FF, #2532FE, #2B00AC, #290069)
• Timeworn Amethyst Study color palette (#CDE7E9, #4EC5FE, #5594FF, #7A33FF, #400055)
• Aubergine Canyon color palette (#D7DFF3, #6160D3, #410099, #14002C, #020005)
• Quiet Harbor color palette (#C6EBF1, #0099D6, #0050E0, #390094, #220029)
• Wandering Boulevard color palette (#F2F4FF, #CFCBFF, #A379ED, #7C2BAA, #3C0048)

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