Timeworn Cocoa color palette — #FFF3E6 · #B3A687 · #906A39 · #793F2F · #3E3E36

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B3A687): A luminous, dusty gold — the color of old brass.
• Walnut (#906A39): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#793F2F): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3E3E36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Timeworn 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

• Cocoa Dune color palette (#F3E6D5, #A39671, #805C20, #6E2E11, #31312A)
• Patina Amber Pier color palette (#FFF3E5, #D1BC8C, #B2864E, #865F45, #403D36)
• Worn Taupe color palette (#FFF1F5, #DDD19D, #CFA373, #9F7B95, #28433C)
• Patina Boulevard color palette (#EAFAEC, #1A9299, #7E60A4, #754700, #253828)
• Olive Study color palette (#EBE1CF, #727D32, #574200, #411C00, #001D03)
• Tempered Pier color palette (#EFF8F0, #D19FA7, #005D62, #003538, #09221D)
• Onyx Field color palette (#FFEADD, #745220, #4C1A00, #280009, #040300)
• Softworn Indigo Pier color palette (#F2F7F0, #74BFAF, #785CAF, #007060, #321C26)

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