Softworn Lagoon color palette — #FBF3EE · #BEEFFF · #2F96EE · #006C57 · #171745

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Frost (#BEEFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#2F96EE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006C57): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#171745): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Hazy Veranda color palette (#FFF2EE, #B6F3EF, #00A2C3, #186F1A, #00203A)
• Hushed Periwinkle Pier color palette (#FCF3EC, #C2E5F6, #72A6FC, #008075, #422234)
• Ancient Indigo color palette (#FEF3E8, #A5D1F6, #576BE6, #005152, #130128)
• Aged Teal Lagoon color palette (#B0FDE6, #00C2C4, #008FAE, #00517F, #0B1B44)
• Patina Studio color palette (#F7EAF2, #8FB8CF, #206DA3, #00504A, #1B2B54)
• Olive Archive color palette (#FFF2EE, #CDE2F9, #00C2E8, #368B32, #0C3759)
• Weathered Cobalt color palette (#ECF7FF, #7BCDFF, #0080B9, #003B59, #00050B)
• Amber Ridge color palette (#E4FCED, #2CCCEF, #C36A00, #006F84, #291100)

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