Softworn Coast color palette — #F4F4FC · #B9BDE3 · #AF6561 · #795BA7 · #372835

A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Lavender (#B9BDE3): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AF6561): A full-bodied, balanced orange — the color of autumn markets.
• Slate (#795BA7): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#372835): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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

• Washed Pewter color palette (#F5F4FB, #D0B4DD, #9D7534, #87559E, #243224)
• Cobalt Pier color palette (#F1F6FB, #A2C3ED, #9D6B8B, #306EB7, #312A3A)
• Ancient Pewter Meadow color palette (#F9EFF1, #D9B5DC, #B5677E, #915997, #1F1210)
• Worn Blush color palette (#F5F4FC, #E9C2E9, #DD778B, #AD75AE, #332A35)
• Wandering Terrace color palette (#E7FBF1, #B59DC3, #9B666D, #00666A, #4B4358)
• Muted Harbor color palette (#F4F4FF, #C6B8E0, #AA6F7F, #92423D, #703400)
• Frosted Plum Canyon color palette (#E4DDE9, #BB447B, #4D3D00, #5E0035, #050300)
• Dusty Amber color palette (#F9F2FF, #E2D5E0, #F9A7D4, #D4854E, #534056)

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