Timeworn Cocoa Canyon color palette — #FAF4EE · #DADBD2 · #BCC1B4 · #936C38 · #643E00

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#DADBD2): bright and airy, almost weightless.
• Stone (#BCC1B4): soft and architectural.
• Walnut (#936C38): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#643E00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Driftwood Dune color palette (#F7F5EE, #D7DBD5, #A0AFB2, #878457, #55524C)
• Washed Boulevard color palette (#F6F1EC, #D6D9D0, #B5C0B5, #9A6933, #332A22)
• Aged Driftwood Bloom color palette (#F3ECE2, #AEA99B, #8B8138, #493300, #1D1101)
• Antique Cypress Coast color palette (#F4F6EE, #D1DDD6, #ABB7A9, #407149, #384000)
• Patina Chestnut color palette (#F7F6EA, #98BA96, #4D8067, #7F4B18, #424700)
• Abyss Pier color palette (#E6E9E0, #B4BCB0, #7C967F, #005234, #1C220E)
• Amber Veranda color palette (#FFF4E2, #B7904E, #647037, #1B507F, #403D36)
• Quiet Market color palette (#FBF4E6, #FFD3AF, #D7B355, #619F51, #3C3B0D)

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