Softworn Coast color palette — #FFF1F3 · #DDC085 · #876485 · #5C353C · #2F1B1F

Sand and Slate set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Sand (#DDC085): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#876485): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#5C353C): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#2F1B1F): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Mustard Loft color palette (#FFF2ED, #E1B34C, #A34847, #671C1F, #28150E)
• Antique Pewter Dune color palette (#F6F3FF, #FFE2A5, #936391, #4B2B4A, #100D18)
• Tempered Orchard color palette (#FFF1F5, #89BBA6, #614274, #382445, #2D1C21)
• Softworn Amber color palette (#FDF2F2, #ECAED4, #CA7557, #AD6493, #311F14)
• Driftwood Workshop color palette (#FCF3F1, #DFD9D2, #C8C0B1, #B67C8B, #4F4543)
• Muted Lilac Boulevard color palette (#F3F4FF, #9AE8CB, #A880D0, #5F5F81, #20202B)
• Soft Coast color palette (#F8DDDC, #D6A200, #942D66, #570036, #210213)
• Weathered Blush Delta color palette (#FFF4E2, #E996A2, #B6744E, #007465, #433B38)

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