Worn Cocoa color palette — #F7E4D4 · #A89373 · #8A5625 · #6D2E1E · #33302A

A conversation between Rust and Ochre, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F7E4D4): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A89373): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#8A5625): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6D2E1E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Chestnut color palette (#F5D7E2, #B9905E, #915300, #5B3215, #091D0D)
• Bronze Pier color palette (#F4E5D7, #CDA678, #B26E25, #7F4D2B, #34302A)
• Softworn Thicket color palette (#ECDDB2, #7D9953, #645E00, #513700, #003310)
• Tempered Bronze Drift color palette (#FDEBD6, #88742A, #603D00, #451800, #151800)
• Brick Drift color palette (#FBD1FA, #D187AA, #A43C49, #6E2E00, #472C00)
• Frosted Aubergine Parlor color palette (#FCF2F4, #AD8BBA, #7E5400, #790099, #241500)
• Softworn Mulberry Canyon color palette (#FFF2EF, #9C4B5D, #664800, #003C3C, #32151F)
• Nocturne Coast color palette (#F5DCCB, #7C4D06, #4A1C00, #280003, #050300)

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