Softworn Coast color palette — #FFF2EB · #E2DCC2 · #C7A792 · #947065 · #543A00

Deep Olive and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DCC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Rosewood Mist (#C7A792): A luminous, dusty gold — the color of old brass.
• Mocha (#947065): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#543A00): 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

• Softworn Taupe Villa color palette (#FFF2EB, #F3D7BE, #C78E7B, #885F54, #35312B)
• Bronze Canyon color palette (#FFF3E4, #C0B377, #966E32, #68381B, #161200)
• Muted Quarry color palette (#FCEFE6, #CFB6A2, #A37763, #824623, #352A1F)
• Tempered Driftwood Archive color palette (#FFF0F9, #D5AABA, #A4735F, #6F526F, #3C4D40)
• Tempered Seafoam color palette (#F0F8EA, #7BD8BE, #C69FC8, #98739A, #2C3525)
• Patina Ridge color palette (#F0E4CB, #93A260, #6F5F00, #462B00, #000600)
• Tempered Fern color palette (#F3F7EF, #D3D9CB, #5C937D, #374F0C, #191D15)
• Airy Bronze Studio color palette (#F8DDC9, #B0792D, #7C3600, #460007, #020100)

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