Timeworn Cocoa Alley color palette — #F0E2DA · #B37644 · #833E1E · #50201D · #170B00

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

The five colors

• Parchment (#F0E2DA): a clean, paper-quiet neutral.
• Caramel (#B37644): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#833E1E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#50201D): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#170B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Cocoa Canyon color palette (#F5DDEB, #AE7B49, #824025, #5F1C25, #302200)
• Patina Bronze color palette (#F1E1CA, #9B8515, #6E4F00, #492800, #130E00)
• Hushed Bronze color palette (#FEE9D8, #9C6400, #683300, #420E00, #080500)
• Washed Bronze Basin color palette (#FFF2EB, #DFA663, #AF5C3C, #6E2E3E, #191100)
• Bronze Market color palette (#E9D9E2, #CA8F69, #A35C3B, #773828, #371826)
• Muted Bronze color palette (#F8F1E1, #C5BC92, #9A7F39, #755003, #2E2D1E)
• Amber Meadow color palette (#F5DAD4, #B28600, #6B072C, #29000C, #060000)
• Softworn Balcony color palette (#F3E0D9, #F53F4D, #5E5700, #840E1E, #030200)

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