Timeworn Cocoa Corridor color palette — #F4EAE2 · #C3B9AE · #A18E76 · #5E2C00 · #030100

A conversation between Cocoa and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F4EAE2): bright and airy, almost weightless.
• Stone (#C3B9AE): soft and architectural.
• Caramel (#A18E76): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Timeworn Cocoa Corridor 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 Bloom color palette (#F9ECE9, #CAB5AF, #AB897B, #720030, #040000)
• Onyx Meadow color palette (#E6DDE2, #829382, #597265, #471A00, #040002)
• Ancient Fern color palette (#EFEEE7, #D1D1BE, #A5AA83, #465500, #030300)
• Worn Basalt Veranda color palette (#E5DECC, #798048, #324300, #2B1500, #010100)
• Muted Terracotta color palette (#EAE2DC, #A3A291, #85916C, #9E4408, #130500)
• Tangerine Grove color palette (#EFDDC6, #EE7D04, #B57800, #625600, #020100)
• Chestnut Thicket color palette (#F4EAD5, #825B00, #393200, #00110B, #020100)
• Muted Amber color palette (#F9F4ED, #DADDD1, #A8BDAE, #AB8300, #312E28)

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