Softworn Cocoa color palette — #F4EAE2 · #ACA398 · #938567 · #6A3500 · #120600

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F4EAE2): bright and airy, almost weightless.
• Taupe (#ACA398): soft and architectural.
• Mocha (#938567): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A3500): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Tempered Garnet color palette (#F4E6E3, #B1A19A, #978172, #830035, #150402)
• Hushed Canyon color palette (#EFE4DC, #A1998C, #7B7228, #481C00, #130500)
• Cocoa Veranda color palette (#F3E6EC, #AEC1AE, #7C9A87, #5D2D00, #040002)
• Hushed Chestnut color palette (#F7E8F0, #92AEA8, #6C979B, #914F2E, #10050C)
• Washed Fern Delta color palette (#E5E4DD, #B4B6A4, #8F9B7C, #495B00, #181400)
• Hushed Hollow color palette (#ECE5CE, #657F41, #005516, #501300, #030700)
• Amber Market color palette (#F3E2CD, #E46D2B, #9A6F00, #556700, #030200)
• Frosted Onyx color palette (#FFEACF, #887B3F, #395919, #00355C, #0E0037)

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