Softworn Cocoa color palette — #F6ECE9 · #DBC8BE · #B59B85 · #7F3E44 · #392A25

Coffee and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F6ECE9): a clean, paper-quiet neutral.
• Oat (#DBC8BE): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#B59B85): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7F3E44): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#392A25): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, 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

• Dusty Chestnut Villa color palette (#FCF3EF, #DFD9CC, #BDB1A4, #8F4F49, #423834)
• Muted Garnet Lagoon color palette (#EFE6E2, #C5B6A9, #9D8B73, #75270E, #2C1A10)
• Amber Garden color palette (#F8DEDA, #B68557, #6F622C, #0D5460, #103955)
• Muted Orchard color palette (#F9F4ED, #D9DCD2, #9EB0AF, #A27A3A, #56524D)
• Tempered Coral Archive color palette (#F2ECF1, #E1CED1, #CAB2B4, #DB6970, #342A34)
• Muted Olive color palette (#E5DFD3, #A09A81, #77742B, #352900, #0F0800)
• Aged Olive color palette (#F8F5EC, #D3DFCB, #BBC0A0, #766C08, #4F3D00)
• Dusty Studio color palette (#E5E7D1, #40A16E, #006452, #572F3E, #242D07)

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