Worn Cocoa color palette — #F2E6D6 · #A8946D · #805C1F · #663602 · #32302A

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F2E6D6): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A8946D): A luminous, dusty gold — the color of old brass.
• Walnut (#805C1F): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#663602): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#32302A): quiet, heavy and certain.

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

• Aged Chestnut color palette (#EBE3D2, #8A8B5A, #665400, #4B3100, #1D2900)
• Garnet Balcony color palette (#F6D7C1, #BC7E39, #8F4200, #711200, #372500)
• Dusty Chestnut Lagoon color palette (#FAF5E8, #AFA788, #7C7345, #6B4B01, #433F00)
• Washed Bronze color palette (#DFECDF, #B6B17B, #A97419, #804B37, #183731)
• Garnet Bloom color palette (#FFE3D2, #90572E, #631E00, #3C0007, #140800)
• Tempered Cobalt color palette (#F8EAF5, #4E6AC1, #904C1A, #3F4B00, #371B32)
• Linen Lapis color palette (#FFF0F9, #5D5CB2, #734000, #1E3F00, #062719)
• Muted Quarry color palette (#F8E9F6, #B09866, #264172, #031D4F, #200F1F)

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