Softworn Pier color palette — #F9F4EC · #AACFBF · #077DCA · #005E68 · #4A3148

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EC): bright and airy, almost weightless.
• Pistachio (#AACFBF): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#077DCA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4A3148): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Chalky Cornflower Courtyard color palette (#FBF4EA, #AFD2F6, #4D7ADD, #00637D, #383B63)
• Cerulean Meadow color palette (#FAF4EB, #93D0DF, #0084AD, #00605B, #194339)
• Hushed Market color palette (#FAF0E8, #9FCFE7, #507CBF, #005C52, #321527)
• Timeworn Cerulean color palette (#ECF8F7, #C8E4F9, #72BAED, #279AB6, #223D57)
• Timeworn Garden color palette (#F8F5EF, #CBE5E4, #62A0CE, #247C82, #5F4B5F)
• Aged Chapel color palette (#EAE3D9, #3A9FAA, #005265, #003129, #001623)
• Ancient Quarry color palette (#E7DED0, #5487A7, #003C74, #002128, #02002F)
• Weathered Pier color palette (#FED9E7, #8C60C1, #9C5A00, #006A5F, #3E212D)

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