Timeworn Cocoa color palette — #FFF2EC · #DDD29C · #A06F65 · #763A19 · #322925

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#DDD29C): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A06F65): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#763A19): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#322925): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Muted Chestnut color palette (#FEF2EE, #C9C19B, #894B2E, #5F2403, #2A251D)
• Antique Honey color palette (#F8F5EA, #EBBC6B, #767535, #44423B, #262112)
• Driftwood Archive color palette (#FBF2F8, #BEECF6, #AC7766, #5B3950, #22171F)
• Mustard Dune color palette (#FFF3E4, #EAB26E, #839C66, #876178, #4B4741)
• Amber Garden color palette (#FBF3EE, #FFC0A9, #72AA88, #BC7960, #2D2F28)
• Washed Taupe Courtyard color palette (#F9F3F8, #C0E9D9, #C19088, #81617A, #322830)
• Marigold Coast color palette (#EDDBC7, #CA9E00, #774A00, #3C2200, #130901)
• Patina Boulevard color palette (#F5EDDC, #BB8800, #524400, #211A00, #040200)

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