Worn Cocoa color palette — #F4E5FD · #9D7F9F · #803D2E · #413600 · #092A0C

Rust and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4E5FD): A whisper-light, dusty violet — the color of twilight just after sunset.
• Heather (#9D7F9F): A luminous, dusty pink — the color of neon signs at night.
• Rust (#803D2E): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#413600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#092A0C): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Ancient Basalt Harbor color palette (#EFE7F5, #936D91, #77455E, #552500, #272300)
• Worn Wisteria Lantern color palette (#F1E7F5, #CF80BF, #B1738F, #7F4F2C, #3D2606)
• Wandering Terrace color palette (#E9EFFF, #A182BA, #A45065, #245B4A, #003024)
• Ancient Basalt color palette (#FCE3DB, #8A5E40, #503300, #0B2400, #00100F)
• Hazy Orchard color palette (#FCDDE1, #CB8E8A, #A55329, #565100, #044729)
• Garnet Quarry color palette (#F2E6FE, #A5457B, #715400, #690046, #241900)
• Softworn Workshop color palette (#E9F4E8, #7EA489, #6C6D43, #005241, #013849)
• Weathered Cypress color palette (#FFF0FB, #D9C3CF, #A48F96, #4F7A6F, #35504E)

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