Softworn Cocoa color palette — #F6F1E7 · #BCB394 · #6E7C48 · #804128 · #2E270E

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Stone (#BCB394): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#6E7C48): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#804128): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2E270E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Loft color palette (#F7F1E3, #AAA07B, #5B6D22, #633C13, #231C00)
• Wandering Brick Terrace color palette (#FCEFE8, #CF9383, #739B54, #AD3515, #182E01)
• Wandering Lagoon Corridor color palette (#F0F4E9, #AAB99B, #328577, #325F50, #202B15)
• Linen Bronze Bloom color palette (#FFEEE3, #E5AC92, #AE5E32, #662A00, #2C0C00)
• Moss Workshop color palette (#EFF8F2, #C4C99A, #869857, #846680, #2D493E)
• Feathered Meadow color palette (#FFD6CC, #D58C8B, #BC5751, #8B2B18, #451706)
• Driftwood Pier color palette (#FFEEE3, #DCD8C4, #CCC98C, #AF6F60, #37312C)
• Wandering Bloom color palette (#E7E0C7, #6E813D, #2C4F00, #3B2400, #060900)

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