Softworn Lagoon color palette — #FCF2F8 · #CCE2F6 · #70B0BF · #458B61 · #234D64

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#CCE2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#70B0BF): A luminous, dusty blue — the color of open sky before noon.
• Fern (#458B61): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#234D64): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Azure Market color palette (#FCF1FA, #B1DCEE, #40A1CB, #007F65, #1D3C5D)
• Timeworn Aqua color palette (#FBF3EF, #B9EBF0, #61CCE1, #59906B, #22483A)
• Muted Meadow color palette (#F6F6EE, #CEE3CB, #319B9F, #007360, #2E5138)
• Petrol Dune color palette (#F4E8F1, #58B2B8, #00718E, #004C35, #001527)
• Taupe Lantern color palette (#E0FCF7, #BADDEE, #BDB2BE, #9F9862, #2D5555)
• Aged Pier color palette (#DFFDF8, #92C88B, #AF95DC, #519349, #493864)
• Washed Atelier color palette (#F0DFE6, #5C9BBD, #0456AA, #003B3D, #06002B)
• Timeworn Driftwood color palette (#FFF1F6, #A7C7AD, #B1855F, #7F5C75, #2B4338)

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