Worn Cocoa color palette — #FBE9F5 · #A26471 · #813500 · #00341D · #001E1D

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

The five colors

• Blush (#FBE9F5): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#A26471): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#813500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00341D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001E1D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Summit color palette (#EBDFFC, #8E6283, #8B233C, #223400, #002517)
• Aged Harbor color palette (#E6DAFC, #A9476D, #6B3800, #002526, #000B0B)
• Dusty Market color palette (#FFE9E6, #97643F, #5C4500, #003135, #0E1632)
• Aged Quarry color palette (#F2EBFF, #C9618C, #79552B, #004344, #002121)
• Chalky Bronze Veranda color palette (#FFE0E7, #C77B7E, #AD6049, #655B16, #1B2300)
• Washed Pewter color palette (#F9D8CF, #B99270, #72682E, #144F5B, #043B42)
• Washed Coast color palette (#FCECE5, #B40217, #00575B, #5A0006, #001314)
• Dusty Fern color palette (#E9DCD2, #9B7A31, #515A02, #003E5C, #18224E)

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