Softworn Lagoon color palette — #EDF8F6 · #CCDDF5 · #63B2C6 · #008C8B · #2B4C5F

Fern takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Powder Blue (#CCDDF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#63B2C6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008C8B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#2B4C5F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Petrol Station color palette (#DAF0ED, #71ACBE, #007093, #004950, #001624)
• Softworn Cerulean Atelier color palette (#F9F3F8, #B8E4F6, #3795BE, #1F715D, #36495E)
• Jade Corridor color palette (#E3FBFC, #C3E1F5, #A1C3F3, #64A179, #2C575B)
• Pale Alley color palette (#D9FEFB, #78B687, #28A9C6, #A97F00, #0C413E)
• Sunlit Corridor color palette (#E3FBF9, #8ED5FA, #0096DA, #006F85, #00355C)
• Pale Lagoon Boulevard color palette (#DAFDFF, #97DAC2, #3AA382, #006E53, #003828)
• Muted Emerald color palette (#E8F9F8, #8BC89C, #DC905D, #009A50, #5F371B)
• Hushed Bronze color palette (#EDF9EF, #A5C8AF, #A98A51, #895F26, #2A4435)

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