Softworn Pier color palette — #F4F6EE · #C7E8EA · #A1D3C5 · #78ABBE · #5C4C5E

Blue Fog and Pistachio set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Frost (#C7E8EA): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A1D3C5): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#78ABBE): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5C4C5E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Tempered Powder color palette (#F3F6EF, #ECD2CF, #ABC8F5, #7DA8C4, #5F4B5C)
• Weathered Cypress Canyon color palette (#F6F1EC, #C9E2E3, #859CC9, #297973, #492B3B)
• Washed Sapphire Courtyard color palette (#DCE0D4, #76A5D3, #1D70DB, #00587C, #01022B)
• Sky Atelier color palette (#F4F7EB, #B0EBFF, #56BFED, #349BA9, #164437)
• Shell Terrace color palette (#FFF2EE, #FFADB6, #DFB678, #BAA3D4, #513D38)
• Worn Veranda color palette (#DFDFCE, #00C9C8, #00959E, #006E61, #00181C)
• Hazy Azure Pier color palette (#E8EBE0, #7ECBF2, #009BE5, #007992, #00203D)
• Cocoa Hollow color palette (#FFF3E6, #EFD5AD, #CEB08E, #A78C74, #5F4200)

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