Softworn Coast color palette — #F5F4FA · #DED8DB · #B4AAA1 · #987399 · #535159

A conversation between Heather and Ash, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F5F4FA): a clean, paper-quiet neutral.
• Silver (#DED8DB): bright and airy, almost weightless.
• Ash (#B4AAA1): a calm mid-gray that lets other colors speak.
• Heather (#987399): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#535159): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Coast 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

• Antique Drift color palette (#F8EFF0, #DED5D0, #B3ADA1, #9B7494, #3D3334)
• Hushed Petrol Atelier color palette (#F2F5FF, #C7C1D3, #A18B9E, #497884, #455564)
• Washed Cypress Hollow color palette (#E9FAF2, #B69CC5, #9B666D, #00666A, #4B425C)
• Softworn Onyx color palette (#F0EDF5, #9E97A0, #82677A, #4E0041, #0D0518)
• Softworn Mulberry Canyon color palette (#F1EDF2, #D3C8D1, #B199A3, #951B52, #332A37)
• Hushed Garnet color palette (#F4EAF0, #A1ADA0, #688876, #602000, #1E0D18)
• Amber Balcony color palette (#F9F2FF, #E1D7E0, #FFB7D7, #DA885A, #503B56)
• Chestnut Hollow color palette (#FEF1F7, #C7D8C9, #8FAFA2, #8A4400, #472737)

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