Timeworn Cocoa color palette — #FAF1DE · #ACB07F · #817540 · #674400 · #252311

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF1DE): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ACB07F): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#817540): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#674400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#252311): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Dusty Marigold color palette (#FAE5CE, #C49924, #925E00, #643613, #251B00)
• Chestnut Atelier color palette (#FFEEE2, #D4B595, #A27861, #824525, #332B1F)
• Bronze Market color palette (#FFF4DF, #D4E6A7, #AD9D6B, #915D2A, #31322C)
• Apricot Terrace color palette (#FFEDEC, #F28F6D, #AC6730, #5C3F00, #292000)
• Dusty Basin color palette (#E5FCED, #A4AC81, #80723D, #6B4552, #22443F)
• Driftwood Basin color palette (#F6EAD7, #978630, #6E4F00, #492800, #130E00)
• Patina Stone color palette (#FFEDEC, #CEAF6D, #76425A, #3D1C1B, #170807)
• Fern Lantern color palette (#E4DFCF, #556C00, #3A3800, #1F1700, #000200)

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