Weathered Cocoa color palette — #F7ECE5 · #B19865 · #673211 · #3A1500 · #161002

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

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Camel (#B19865): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#673211): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#3A1500): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#161002): A deep, shadowed, dusty gold — the color of old brass.

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

• Chestnut Canyon color palette (#FBF4EC, #C0AC82, #6E4812, #422700, #1F1D0F)
• Amber Basin color palette (#EEE3CF, #B88A00, #483900, #221A00, #080A00)
• Hushed Workshop color palette (#FEE7F3, #E9C372, #B67653, #6D495D, #201019)
• Navy Chapel color palette (#FBECD5, #9F8324, #426712, #173C7E, #353200)
• Cellar Lagoon color palette (#E9DCCA, #896600, #2B343A, #281A00, #070400)
• Aged Navy Orchard color palette (#FFEADA, #A35B1E, #006E76, #1B3A95, #3C1D04)
• Wandering Cocoa color palette (#F8ECE0, #B3985F, #603800, #331B00, #120F00)
• Garnet Courtyard color palette (#FCEAE2, #B29860, #6E2A1F, #420A04, #21120B)

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