Softworn Pier color palette — #FCF2F5 · #D9D4DE · #C8BDEA · #6E99AA · #454C64

Lavender takes the lead with Slate Blue close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Silver (#D9D4DE): a clean, paper-quiet neutral.
• Lavender (#C8BDEA): A whisper-light, dusty violet — the color of wild irises.
• Slate Blue (#6E99AA): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#454C64): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: 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

• Worn Powder Courtyard color palette (#F4F4FF, #E4D7E0, #B3C2DF, #B5B3A8, #524E5C)
• Hushed Veranda color palette (#F8F5EF, #CDE3E6, #7E9AC7, #007B96, #65485D)
• Oat Market color palette (#F3F4FF, #F0D2E9, #AFD9A9, #A38FBF, #224F4A)
• Mallow Field color palette (#EFF6FF, #DFD7E4, #C5A9E8, #8E6990, #4C415B)
• Dusty Lantern color palette (#FAF2F8, #C9DEF8, #6ACBDF, #57916C, #2B4253)
• Hushed Cypress Grove color palette (#FCF2F7, #D5D4E1, #7CAADB, #007F7D, #212E48)
• Ancient Hollow color palette (#F4F4FF, #E2B8FF, #ACC682, #86AE88, #373649)
• Antique Teal Pier color palette (#F2E1ED, #11B8BA, #005F72, #002D1A, #000103)

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