Weathered Cocoa color palette — #FDEFE4 · #C6A578 · #98694A · #75381B · #2A210E

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

The five colors

• Cream (#FDEFE4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C6A578): A luminous, dusty gold — the color of old brass.
• Walnut (#98694A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#75381B): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2A210E): A deep, shadowed, dusty gold — the color of old brass.

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 Orchard color palette (#F8F2DE, #9DB67C, #7B7843, #674400, #212510)
• Washed Chestnut Balcony color palette (#F6DAC6, #B9905B, #8F532E, #5B302D, #201601)
• Washed Bronze Corridor color palette (#FFF0F7, #94AF97, #956649, #624761, #284438)
• Muted Veranda color palette (#FFF1F7, #D8B791, #AE856A, #895C4E, #2F4334)
• Blush Delta color palette (#FBDBFF, #EB8EBD, #AA5D68, #783720, #341E00)
• Antique Bronze Courtyard color palette (#FBE9D9, #906B03, #643700, #430C00, #060500)
• Mallow Parlor color palette (#FBEEF1, #CE9CE9, #9F6631, #7A5090, #180B01)
• Ancient Corridor color palette (#FEECF4, #9DC085, #5B4883, #361F2A, #12090D)

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