Softworn Cocoa color palette — #FFF3E6 · #D1D1BA · #A2B6A3 · #9D7F79 · #644740

Cocoa and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#D1D1BA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A2B6A3): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9D7F79): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#644740): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Bronze Garden color palette (#F7F7DF, #CEDFCB, #B8A5BA, #AC7445, #77430F)
• Dusty Parlor color palette (#FFF0F7, #C8E0EE, #A7C7DE, #9C8497, #5B4756)
• Softworn Bronze Drift color palette (#DEEEBF, #A6BC9C, #759F92, #966030, #603A21)
• Teal Corridor color palette (#EBFBE5, #78C1B3, #CF919C, #B07C6B, #394733)
• Lagoon Corridor color palette (#F2F7EC, #98D3BA, #E09BA7, #41A07F, #63443D)
• Washed Meadow color palette (#DAE4D4, #619B9D, #5E6F98, #664227, #3A1B01)
• Weathered Chestnut Terrace color palette (#D1E4DF, #7EBEDF, #8782B6, #725700, #513C00)
• Cypress Thicket color palette (#E3FEE4, #A7EBE2, #5DAAA7, #207672, #003F3E)

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