Softworn Pier color palette — #E8F9FC · #B5FFE4 · #71E6DC · #49A2B2 · #36525A

A conversation between Lagoon and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E8F9FC): bright and airy, almost weightless.
• Sea Foam (#B5FFE4): A whisper-light, balanced teal — the color of sea glass.
• Lagoon (#71E6DC): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#49A2B2): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#36525A): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Softworn Pier 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

• Antique Aqua color palette (#E8F8FF, #5ED0EA, #348EAA, #336E87, #3A5366)
• Washed Celadon Cabin color palette (#E9F9F6, #DFF4AA, #ADD99F, #72AB91, #37534F)
• Glacier Veranda color palette (#EFF8ED, #B2F7EA, #87DAEF, #92B3E7, #374E3A)
• Seafoam Quarry color palette (#E8F8FF, #00E6DE, #00BBCB, #008DBB, #003C49)
• Tempered Ash color palette (#E7F9FF, #A7C4D4, #849EB4, #707281, #5C4D5D)
• Patina Powder color palette (#E5F5F8, #AAE4F5, #88C3F7, #5EA3BF, #0D3440)
• Lagoon Archive color palette (#E1F6FD, #008F8F, #2C4048, #1D2B2F, #111619)
• Lagoon Field color palette (#D9F6FF, #008B7B, #00676A, #00485C, #000203)

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