Softworn Lagoon color palette — #FBF4EF · #C3DFEA · #9ABFE5 · #50907E · #54324A

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Powder Blue (#C3DFEA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9ABFE5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#50907E): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#54324A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Dusty Loft color palette (#FCF3F0, #C0E2E7, #9DCECD, #8E976E, #584659)
• Sky Studio color palette (#FFF2EB, #D6D7E7, #6BB5F7, #008B6D, #2A305D)
• Teal Workshop color palette (#F1F7F2, #D3DDF2, #8FC5EA, #00ADB3, #2F4969)
• Faded Lagoon color palette (#EFF9E7, #98E7CB, #EBA0C9, #00A27E, #522840)
• Dusty Cobalt color palette (#FBF2F7, #C5E1F2, #598DC8, #007360, #3C4763)
• Hushed Iris color palette (#FFF3E6, #DEE2F5, #7D8FFC, #007275, #2F124C)
• Hushed Forest color palette (#FFF2EE, #9ED9D4, #0088A3, #0D5609, #000D1D)
• Ancient Workshop color palette (#FCEAE2, #6FAEB8, #005B84, #002D1B, #00000C)

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