Worn Cocoa Alley color palette — #FBF4EB · #B5915E · #69774A · #18614D · #6B2D16

Rust takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Caramel (#B5915E): A luminous, balanced gold — the color of old brass.
• Olive (#69774A): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#18614D): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#6B2D16): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Timeworn Taupe color palette (#FFF2ED, #C7837E, #8A6A39, #485B31, #5C3637)
• Washed Driftwood color palette (#FFF3E4, #D1B47E, #9F8841, #6F6328, #4C4E47)
• Wandering Moss color palette (#F8F6E7, #7E933D, #00745F, #005068, #493402)
• Patina Ash Terrace color palette (#F5F6EE, #C9E3E0, #78A58E, #58785D, #355146)
• Softworn Villa color palette (#FAEFEC, #C58A8D, #717644, #005080, #3F1C11)
• Antique Petrol color palette (#FAF2FD, #DB9DAC, #8C915A, #0671A0, #5F3240)
• Timeworn Bronze color palette (#FDEFE2, #A56F39, #533600, #2F271F, #17150E)
• Dusty Taupe Delta color palette (#EEF8EF, #E7C17F, #96B671, #409886, #53384E)

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