Softworn Pier color palette — #FFF3E9 · #A4DDFF · #7895CD · #007D75 · #502E40

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Powder Blue (#A4DDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7895CD): A luminous, balanced violet — the color of wild irises.
• Teal (#007D75): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#502E40): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, 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

• Hushed Periwinkle Drift color palette (#FCF2F7, #D8D3DF, #81A8E0, #007E83, #272855)
• Turquoise Workshop color palette (#FFF2EE, #93E6E2, #4CA2BD, #4C784E, #1F3D59)
• Cornflower Drift color palette (#FFF2EB, #64DCFF, #0891ED, #00755D, #272A65)
• Cobalt Thicket color palette (#EEF7F7, #A6CAE5, #427EAB, #005C72, #223C58)
• Wandering Stone color palette (#FBF4EE, #C3F2F2, #C5A5C5, #788E6E, #624A58)
• Peony Courtyard color palette (#FFDBD5, #F74A8B, #009E98, #0B7D99, #42211C)
• Airy Parlor color palette (#EDE4D9, #7DB8E7, #5269D5, #005959, #271044)
• Petrol Delta color palette (#FDECE4, #49B3C0, #006F9B, #004D2F, #010E3A)

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