Softworn Lagoon color palette — #E9F9F6 · #A5CCD9 · #318590 · #006058 · #00424F

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

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Sky (#A5CCD9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#318590): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#00424F): 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

• Cerulean Atelier color palette (#F8EFF5, #ACCED9, #0089AA, #005E42, #00233B)
• Worn Cobalt Corridor color palette (#ECF8F8, #A9C9E9, #5079B2, #005A7F, #2B3A5B)
• Petrol Terrace color palette (#EEF7F5, #CEDFF0, #77A1AF, #457880, #3B5763)
• Weathered Archive color palette (#D2E4E1, #2E8F9B, #004451, #002222, #000B11)
• Wandering Coast color palette (#FCF3EE, #BEDEC1, #4CA2BE, #00805A, #0D3E5F)
• Aged Grove color palette (#F5F6ED, #CAEACD, #13C7DD, #0EA196, #214330)
• Softworn Turquoise color palette (#DEEBE9, #59ADBD, #006177, #003E3F, #002331)
• Pale Harbor color palette (#EEECFF, #B171BF, #0085A8, #7B3189, #003C4D)

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