Weathered Cocoa color palette — #FAF4EC · #E7CDA7 · #9A7647 · #6B4300 · #302A23

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Wheat (#E7CDA7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#9A7647): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6B4300): A full-bodied, balanced gold — the color of old brass.
• Onyx (#302A23): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Stone color palette (#FDF3E9, #D7BE7D, #78562F, #3D3832, #262419)
• Moss Hollow color palette (#F8F5EE, #DED29D, #81AA57, #A08C32, #2F2F24)
• Softworn Loft color palette (#EBE2D3, #946D00, #3A2800, #1B211A, #0A0500)
• Muted Sand Chapel color palette (#EFF8EE, #F1DBAE, #8BA789, #60735E, #272D26)
• Patina Thicket color palette (#E4DECC, #BFA246, #605600, #2F2900, #100A01)
• Taupe Market color palette (#FBF4E8, #BFAA61, #5BAD97, #A1686D, #403D36)
• Timeworn Terrace color palette (#F7F5EF, #D7DCD4, #A7BAB2, #9D9F71, #54534B)
• Timeworn Jade Harbor color palette (#F9F5E6, #AFC98A, #63A46E, #30798E, #484841)

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