Worn Cocoa Alley color palette — #FFECE0 · #BA7147 · #822F06 · #450400 · #030100

A conversation between Rust and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFECE0): A whisper-light, dusty gold — the color of old brass.
• Caramel (#BA7147): A luminous, balanced orange — the color of sun-warmed clay.
• Rust (#822F06): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#450400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Worn 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

• Patina Cabin color palette (#FAE9D4, #A97E20, #6A4400, #341A00, #020100)
• Frosted Bloom color palette (#FFDEC7, #C88A5C, #994200, #5A1700, #080300)
• Ancient Ember Delta color palette (#FBE5D7, #E55C21, #634800, #682100, #020100)
• Airy Bronze color palette (#FFF3E9, #F7A65C, #C15F00, #822F00, #251400)
• Pale Mulberry color palette (#FDE1D1, #C27E3F, #B93F08, #910031, #110A00)
• Hushed Bronze Terrace color palette (#FFF4DD, #BAB672, #877628, #594200, #121400)
• Pale Ember Thicket color palette (#E0F4E9, #989E00, #D85900, #120A02, #030100)
• Frosted Chapel color palette (#FFF4E1, #E5CF84, #AF8C3A, #7D5718, #332600)

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