Weathered Cocoa color palette — #F6ECE1 · #D8CEBF · #B4A485 · #6A4400 · #050200

Bronze takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F6ECE1): a clean, paper-quiet neutral.
• Oat (#D8CEBF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B4A485): A luminous, dusty gold — the color of old brass.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered 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

• Garnet Workshop color palette (#F7EBE7, #DDCCC3, #BCA08D, #8D1B20, #070100)
• Basalt Balcony color palette (#ECE8DB, #BFBBA8, #94937C, #413E00, #020100)
• Dusty Basalt Chapel color palette (#DEE8DD, #9EAEA0, #8A7F55, #4D3000, #081808)
• Wandering Forest Summit color palette (#E0E2CF, #819D6B, #3C6C48, #00353F, #000810)
• Worn Study color palette (#E4E2CE, #709C59, #005F17, #382800, #000200)
• Antique Pine color palette (#F4F7EB, #D0DDD4, #B2C0A7, #007431, #0B0E01)
• Bronze Cabin color palette (#E9DECA, #927100, #464600, #00211C, #020100)
• Washed Pier color palette (#E6E0D0, #615F68, #5A4D00, #151B16, #060600)

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