Softworn Pier color palette — #F5F6ED · #B9DFC8 · #00A4D0 · #007B83 · #174435

Cyan takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Celadon Mist (#B9DFC8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00A4D0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007B83): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#174435): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Ancient Workshop color palette (#F3F7EC, #AEE1D2, #5F98DC, #1E759A, #283A5C)
• Misty Glacier color palette (#F5F7E8, #5BE1E9, #009EB0, #00736B, #003A46)
• Aged Denim color palette (#DFE2D3, #579DB5, #006181, #003A41, #000B14)
• Muted Sky Boulevard color palette (#F5F6EF, #C6E9E4, #71BED6, #589293, #355145)
• Cypress Study color palette (#FEF3ED, #BFE9F6, #73ADDA, #1F8162, #222B53)
• Muted Cobalt Delta color palette (#E6E9D9, #7DBBD7, #007EB1, #005765, #002139)
• Cobalt Studio color palette (#FDF3EE, #90D1E1, #1481B5, #006154, #4B2F4A)
• Patina Cornflower color palette (#D8EBD3, #00ACA0, #0F8AF4, #6F8128, #1E311A)

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