Worn Cocoa color palette — #E5DFD5 · #BCB9AC · #8E9171 · #593F00 · #291D08

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#E5DFD5): bright and airy, almost weightless.
• Stone (#BCB9AC): a calm mid-gray that lets other colors speak.
• Eucalyptus (#8E9171): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#593F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#291D08): 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 Worn 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

• Ancient Garnet Bloom color palette (#EFE5E0, #C5B6A8, #9C8C6E, #7E1A00, #2D1A10)
• Weathered Basalt Chapel color palette (#DAE1DC, #A8B7AF, #719787, #544100, #020E06)
• Tempered Lantern color palette (#E5DFD5, #CBC4B2, #A5A97D, #765D00, #251E10)
• Forest Orchard color palette (#EDF0E8, #C6CFC4, #92A69A, #006541, #2A311D)
• Spruce Hollow color palette (#E1E2DA, #959D8E, #627762, #103400, #0A0A00)
• Bronze Villa color palette (#F8F5EF, #D8DDD4, #B7C4B9, #887321, #4D473C)
• Onyx Cabin color palette (#F5DAC3, #807C75, #40622F, #432863, #4B062C)
• Tempered Garnet Orchard color palette (#E4E6CD, #46896D, #00504D, #580F00, #002115)

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