Timeworn Cocoa color palette — #FFF3E6 · #B6A485 · #90693F · #76412E · #3F3D36

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B6A485): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#90693F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#76412E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#3F3D36): 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

• Muted Field color palette (#FFECF2, #94B696, #996A31, #674324, #17271B)
• Washed Cocoa Pier color palette (#F5E5D2, #A7946C, #855A0E, #6F2E00, #32302A)
• Amber Boulevard color palette (#FEF3E7, #D2B999, #B78346, #846044, #403D36)
• Softworn Terracotta Orchard color palette (#FDF3ED, #D4A18B, #3B8041, #9C3E00, #232611)
• Airy Olive color palette (#FFEEE2, #C2A778, #7C7504, #3D5B00, #004A2B)
• Hushed Hollow color palette (#FFF1F5, #E6CE94, #D1A272, #9E7C92, #2C4339)
• Aged Denim color palette (#FFF3E7, #A87540, #008374, #234E9F, #37322C)
• Inked Dune color palette (#FCDECC, #7B4D1F, #4E1600, #280007, #060300)

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