Softworn Cocoa Terrace color palette — #FDF3EE · #E1BC9C · #976159 · #673028 · #2C1E18

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Sand (#E1BC9C): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#976159): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#673028): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2C1E18): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

One click turns Softworn Cocoa Terrace 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

• Worn Mustard Thicket color palette (#FFF3E3, #E0B359, #8A6000, #4F3500, #261702)
• Dusty Station color palette (#FEF0FA, #FFDFBF, #A06457, #473041, #150C13)
• Tempered Summit color palette (#FFF2EE, #B4B279, #85303B, #44241A, #221A12)
• Worn Rust color palette (#FBF3EE, #F2B496, #B18738, #C85C17, #2E220E)
• Hushed Bronze color palette (#EADCCD, #996B00, #3F2400, #1B2018, #0C0400)
• Wandering Straw color palette (#FCF1FD, #E2D888, #BD8288, #725974, #271E27)
• Muted Driftwood Delta color palette (#FDF4E2, #C8AE78, #8D8A3F, #007463, #403D36)
• Amber Summit color palette (#FFF3E5, #D6BD8E, #AE943D, #6F6500, #393E00)

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