Softworn Cocoa color palette — #FFF4E2 · #E5B098 · #A59061 · #377989 · #683B00

Bronze takes the lead with Sand close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E5B098): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A59061): A luminous, dusty gold — the color of honey in a jar.
• Slate (#377989): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#683B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Stone Canyon color palette (#FFF4E2, #E6AABD, #B98373, #487B68, #5A413A)
• Wandering Courtyard color palette (#FCF3EC, #DEA27C, #719873, #406F8E, #5B363B)
• Stone Hollow color palette (#FFF2E9, #E2D7C6, #B4B098, #6F847B, #5A4C57)
• Denim Loft color palette (#FEF4E5, #D095A0, #8F723A, #455590, #4D4642)
• Sunlit Loft color palette (#FFF4DE, #E5931F, #858200, #00628E, #463100)
• Muted Bronze color palette (#F9F5ED, #D9D1B3, #A09E73, #AD6950, #5C4C00)
• Ancient Amber Pier color palette (#F9F0E7, #C78E4F, #715200, #3F362D, #26201D)
• Wandering Amber color palette (#F3DAB3, #BF8600, #627200, #004A80, #2D2300)

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