Softworn Pier color palette — #ECF7FF · #9FBFE7 · #7687A4 · #6B647A · #624856

Built around Sky, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#9FBFE7): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7687A4): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#6B647A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#624856): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Lilac Lantern color palette (#E6E4FF, #B898D4, #8C6D8F, #6B4F65, #653B27)
• Powder Atelier color palette (#F1F5FF, #ACB0FF, #6067AE, #3C3F74, #24264C)
• Cerulean Harbor color palette (#EBF8F6, #B6E5F5, #3A99A7, #11716A, #2C4C5C)
• Patina Taupe Atelier color palette (#D3FEF9, #C2DEE1, #A0BAD2, #9D9568, #345854)
• Pale Periwinkle color palette (#D5ECFF, #5BA6F7, #4074C2, #42578D, #3A4366)
• Muted Cypress Summit color palette (#EBF9F5, #9BBA94, #567F5F, #3B6164, #304844)
• Wandering Bronze color palette (#E3FDED, #AFD7CB, #AA92A0, #A96A45, #774A06)
• Denim Corridor color palette (#DFE3FC, #695797, #493056, #38080E, #1C0517)

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