Softworn Coast color palette — #F9F1E5 · #C9B99D · #977F52 · #794D09 · #312B1F
A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F9F1E5): a clean, paper-quiet neutral.
- Stone (#C9B99D): A luminous, dusty gold — the color of old brass.
- Mocha (#977F52): A luminous, dusty gold — the color of old brass.
- Coffee (#794D09): A full-bodied, balanced gold — the color of old brass.
- Espresso (#312B1F): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Timeworn Canyon color palette (#FBF4EA, #DAE3C2, #C9A974, #A36C3C, #474000)
- Wandering Thicket color palette (#EBE5D5, #949232, #685C00, #443400, #111400)
- Bronze Lagoon color palette (#F3DEC9, #986600, #613900, #381A00, #090400)
- Softworn Chestnut Study color palette (#EEDDCF, #B7906B, #91521E, #5D3019, #231503)
- Stone Orchard color palette (#EBFAEC, #97C4AB, #6B896E, #705462, #3C4C47)
- Bronze Ridge color palette (#FEEDF0, #B37EBB, #B96B4D, #795723, #2D1E21)
- Bronze Alley color palette (#EAF5EE, #3E9AB2, #7F7226, #34532B, #172114)
- Softworn Driftwood color palette (#FFECF2, #DEB5E3, #AD6DA6, #7A3C65, #46162E)
Browse the whole catalog at Explore, or see today's palette.