Weathered Cocoa color palette — #FEF3EC · #DAC7B2 · #B9927A · #94685F · #5B4400

A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Oat (#DAC7B2): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B9927A): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#94685F): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Cocoa Thicket color palette (#FFF2EA, #F5D2B3, #D0AE99, #A88A7F, #643F00)
• Frosted Rust Delta color palette (#FFF0FA, #E6C4EC, #C6869B, #B05447, #693F00)
• Antique Abyss Balcony color palette (#F9F5E7, #BFC19B, #949359, #886026, #304500)
• Dusty Stone color palette (#FFF0F9, #ECD3D0, #C8A1BA, #86728C, #33443A)
• Timeworn Driftwood Lagoon color palette (#FFF0F9, #D3ABBC, #A97059, #6C5569, #3F4C3F)
• Antique Veranda color palette (#F4E5D3, #A6A16C, #986603, #842C00, #272600)
• Cypress Loft color palette (#FDF2F0, #C68893, #AE7076, #287D5D, #412D30)
• Patina Terracotta color palette (#FCEBDB, #C8B371, #BE7113, #A73025, #303B04)

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