Softworn Pier color palette — #D7E8FE · #3488FE · #4F4F75 · #223144 · #01050B

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#D7E8FE): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3488FE): A luminous, vivid blue — the color of deep harbor water.
• Peacock (#4F4F75): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#223144): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#01050B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Energy, Balance. Tagged noir, dark, luxury, 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

• Iris Veranda color palette (#DBE5F5, #7293FF, #5A5F7E, #333D4D, #070E15)
• Antique Lagoon color palette (#CDE5F3, #009AC4, #3A5674, #1B3341, #000509)
• Dusty Harbor color palette (#E4E9F6, #675DF6, #4C3664, #121B36, #000207)
• Dusty Loft color palette (#E0E1F7, #A56BDC, #694565, #2D2D42, #02040E)
• Mallow Bloom color palette (#F2EFFF, #D3A3D7, #81768A, #55525F, #212128)
• Twilit Ultramarine Drift color palette (#F0E1EF, #004FB0, #17113E, #0E000E, #000201)
• Misty Iris Study color palette (#D5E1F5, #8A9CFF, #8D79F3, #744CAE, #3B184B)
• Hushed Byzantium Loft color palette (#E7E9FF, #8C00EA, #472147, #20111E, #05031B)

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