Softworn Lagoon color palette — #ECDCE9 · #0D9DA3 · #00516B · #002E13 · #000411

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#ECDCE9): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#0D9DA3): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00516B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002E13): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000411): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Chalky Navy Hollow color palette (#F4E4EC, #0197C4, #004694, #002C26, #040019)
• Cerulean Harbor color palette (#CBE5E0, #409FA7, #00535F, #00302D, #00171E)
• Aged Orchard color palette (#F8ECDA, #3ECCD7, #007389, #003F34, #000306)
• Washed Station color palette (#EFDBD1, #66B0B5, #00718E, #004C36, #001528)
• Ancient Market color palette (#F7EFF5, #8ED5DF, #2685B4, #005F3B, #0E203C)
• Moss Hollow color palette (#F1E5D4, #8BB047, #008E82, #651300, #090700)
• Charred Bronze color palette (#F5EBCE, #7F7100, #3C3800, #131100, #010100)
• Softworn Ash color palette (#F7EFF4, #D6D1E7, #7DA0C5, #41747A, #2D364A)

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