Worn Cocoa color palette — #FFF2ED · #EBD6D0 · #B1B49D · #DEA185 · #733716
Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#EBD6D0): A whisper-light, dusty orange — the color of toasted spice.
- Stone (#B1B49D): A luminous, dusty green — the color of fresh herbs.
- Camel (#DEA185): A luminous, balanced orange — the color of sun-warmed clay.
- Bronze (#733716): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Worn Cocoa 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
- Blush Market color palette (#FFF1F1, #E8D0CB, #ECB392, #DD949D, #593C39)
- Driftwood Grove color palette (#FFF3E8, #E8D5BC, #B6AC98, #788A47, #485740)
- Aged Garden color palette (#FEF3E9, #E7BA98, #CAA0D3, #B47F55, #674049)
- Amber Garden color palette (#FFF2EA, #FFD4CF, #FFA481, #D58200, #552802)
- Worn Archive color palette (#FCEFE9, #D78075, #80471E, #5E2302, #28201D)
- Muted Honey Balcony color palette (#FEF4E3, #E6DFAF, #F4CB67, #A7AB54, #3F3C35)
- Wandering Powder Boulevard color palette (#F4F6EF, #C8E6E8, #92B5D7, #5D8EA2, #5D4C5E)
- Hazy Pier color palette (#FDEBD3, #FE9A43, #CC8900, #847100, #1E1400)
Browse the whole catalog at Explore, or see today's palette.