Softworn Lagoon color palette — #FBF3F0 · #C8EBE4 · #5CA2C9 · #497B5F · #5F4B5D

Built around Cyan, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#C8EBE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5CA2C9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#497B5F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#5F4B5D): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Ancient Market color palette (#F9F4ED, #C9EAE4, #7CBCD2, #589389, #3A5048)
• Tempered Quarry color palette (#EDF4EE, #CEDFF5, #64A7BE, #46737B, #263846)
• Sunlit Coral color palette (#EAFAF1, #6CBCDC, #D57A82, #177E9F, #664339)
• Hushed Bronze Alley color palette (#E7FBEF, #4CA5BE, #BC745E, #956528, #33483C)
• Softworn Lagoon Ridge color palette (#F1FADA, #78C7B5, #0098A1, #266A89, #2D534A)
• Patina Lantern color palette (#EADCD7, #4BB0B6, #00607F, #00411F, #041E42)
• Stone Grove color palette (#EBFAEB, #EDD6D3, #E8B4B9, #88966D, #455650)
• Washed Coast color palette (#EDDED6, #4A8B9D, #003F69, #002319, #05002C)

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