Softworn Pier color palette — #F4F6ED · #BADFCA · #3AA2CC · #007A86 · #093F5B

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Celadon Mist (#BADFCA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#3AA2CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007A86): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#093F5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Dusty Cobalt color palette (#EBF1E1, #A2D0C3, #5387CE, #00668E, #1A2B54)
• Worn Denim Coast color palette (#DDE0D0, #6A9AAF, #006086, #003A44, #000A16)
• Patina Teal color palette (#EFEFDE, #4AB5B2, #00747B, #004B41, #00181C)
• Washed Cerulean Harbor color palette (#F4F6EF, #C1E4E7, #7AA9DC, #3384A6, #583D57)
• Softworn Cobalt color palette (#EBEFE0, #79BBDC, #137DB3, #005768, #00213B)
• Muted Sky color palette (#FAF3F7, #B3EAFC, #57BBFF, #00A193, #293B55)
• Pale Jade Balcony color palette (#D9ECCA, #00AE8D, #3392C9, #807B1B, #223015)
• Driftwood Boulevard color palette (#F5F6EE, #CAE4E1, #93BCA7, #6E9073, #385146)

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