Worn Cocoa color palette — #FFF3E5 · #B1A96F · #8F6B3C · #7A4019 · #433F00

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B1A96F): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#8F6B3C): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#7A4019): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#433F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

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

• Bronze Quarry color palette (#FFEAD9, #BD9736, #9C5400, #772F2C, #343911)
• Dusty Bronze color palette (#FFF2EB, #D0B293, #AE6F4A, #76544E, #5C4300)
• Antique Orchard color palette (#E8F7E9, #95B59C, #8C7041, #653F4C, #13281C)
• Ancient Driftwood Harbor color palette (#F5E9DB, #98883B, #784A00, #5A2416, #292500)
• Amber Dune color palette (#EDF9ED, #B8DAC6, #CAA671, #B57753, #1F463A)
• Aged Corridor color palette (#E8FBE9, #009396, #9E5B5C, #7B3E40, #263827)
• Hushed Olive Station color palette (#F7E6C6, #696D00, #493400, #311100, #011000)
• Chestnut Chapel color palette (#FFEADB, #795000, #4A1B00, #280008, #040300)

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