Softworn Pier color palette — #ECF9EE · #7AC8C2 · #007D87 · #00583E · #003947

Teal and Deep Olive set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Mint Leaf (#7AC8C2): A luminous, dusty teal — the color of sea glass.
• Teal (#007D87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00583E): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003947): 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 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

• Quiet Lantern color palette (#FAEDFC, #5AD1CA, #007F98, #0C560B, #001B33)
• Ancient Corridor color palette (#E6F2E8, #96B6CE, #1D6BAD, #004E58, #152A5C)
• Cobalt Lantern color palette (#EDF9EF, #A2D8EC, #0088C4, #006669, #17416E)
• Softworn Denim Cabin color palette (#E0EAE2, #70ABAB, #006370, #003F31, #002330)
• Softworn Study color palette (#FFF4E2, #43F7EE, #00C1D0, #009C70, #003947)
• Timeworn Pine color palette (#FFF2EE, #86DDD6, #009CBA, #18780F, #00355A)
• Aged Turquoise Workshop color palette (#D5FFFA, #8EE3BA, #00C1CA, #5D6C00, #00421E)
• Dusty Cerulean color palette (#DEE6DF, #4A8B98, #004358, #002320, #000A16)

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