Softworn Coast color palette — #FFF0F9 · #D6DACD · #F2C78C · #A86156 · #38182B

A conversation between Mocha and Cantaloupe, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#D6DACD): a clean, paper-quiet neutral.
• Cantaloupe (#F2C78C): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mocha (#A86156): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#38182B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged pastel, light, 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

• Sand Atelier color palette (#FFF0F7, #F9DCA3, #D4DBCD, #B9826D, #472533)
• Muted Pier color palette (#FAF2FF, #E8DCD7, #FBB3AB, #A75C8B, #411A28)
• Dusty Terracotta Loft color palette (#FFEBDF, #FAC098, #C38F3F, #984435, #3B3530)
• Chalky Mustard Dune color palette (#FFF3E7, #FCDCA9, #D8BD49, #A15B29, #1D0F00)
• Mustard Thicket color palette (#FFDFCF, #F8BB7D, #B6A600, #8D446A, #2A0C00)
• Airy Peony color palette (#FFE2F8, #FFD3A4, #CECD6C, #D669A0, #47260E)
• Feathered Bronze color palette (#DFFFE9, #FFF9AF, #C6E194, #A1762A, #0A3321)
• Patina Mustard color palette (#ECFAEB, #DEB369, #6F4700, #241400, #000200)

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