Timeworn Cocoa color palette — #FDF4E5 · #CE9986 · #8F723D · #1A6470 · #6A3A00

A conversation between Bronze and Walnut, giving this palette its sense of trust and stability.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CE9986): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#8F723D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Peacock (#1A6470): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Antique Garden color palette (#FFF4E2, #BAA672, #6A8051, #425A80, #594500)
• Patina Taupe Lantern color palette (#FFF4E2, #CF93AC, #99695F, #2F664E, #58413C)
• Amber Alley color palette (#FDF3ED, #C58767, #62794B, #125E6B, #5A3547)
• Washed Denim color palette (#F9F1E4, #D09AA9, #957138, #3A5083, #3B261D)
• Tempered Driftwood color palette (#FBF4EA, #CBC0A2, #8C833A, #776058, #5E4B00)
• Amber Thicket color palette (#FFF4E2, #C87400, #6B6200, #004C69, #483000)
• Patina Veranda color palette (#EBFAED, #CCB3D9, #B08B58, #596CA2, #534150)
• Timeworn Workshop color palette (#FFF3E8, #E9D7CB, #FCBD92, #B4A060, #4D4842)

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