Softworn Coast color palette — #F9F0E4 · #CBB995 · #9A7E4F · #7C4B11 · #302C1D
A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F9F0E4): a clean, paper-quiet neutral.
- Sand (#CBB995): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#9A7E4F): A luminous, dusty gold — the color of honey in a jar.
- Coffee (#7C4B11): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#302C1D): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Dusty Stone color palette (#EEF9EE, #BFBA88, #977B55, #6D5564, #374D48)
- Bronze Garden color palette (#F3DEC9, #8F6A25, #623800, #3D1500, #070500)
- Antique Chestnut Coast color palette (#F3DCCA, #B89063, #954F18, #632A1B, #221501)
- Muted Moss Ridge color palette (#EEE0C1, #8E951B, #6A5B00, #483100, #0C1600)
- Weathered Lantern color palette (#EDF9EE, #B0D5BD, #84A588, #896A76, #3A4D44)
- Wandering Driftwood color palette (#EBF5EC, #49A5AB, #AC6B8C, #82512E, #19261B)
- Cypress Delta color palette (#ECF5EB, #D6C194, #00706F, #213821, #101610)
- Weathered Iris Alley color palette (#EEF4EF, #8FD0DA, #7E75CA, #00808E, #1E1218)
Browse the whole catalog at Explore, or see today's palette.