Weathered Cocoa color palette — #FFF1F6 · #CBA873 · #70471A · #42222F · #281412

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#CBA873): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#70471A): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#42222F): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#281412): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Dusty Chestnut Garden color palette (#EAFAEF, #C1AC7B, #624F05, #382D02, #1A251E)
• Bronze Basin color palette (#FEF3E9, #D1C497, #96653D, #61360B, #2C1E11)
• Aged Amber color palette (#FEF3E8, #F1D09D, #C0874E, #87571E, #2A1F14)
• Muted Workshop color palette (#D6EBDA, #B88A00, #4C3700, #241800, #080900)
• Aged Fern Meadow color palette (#E0F3EF, #A59E5E, #2C4D04, #002822, #001215)
• Twilit Orchard color palette (#DDEEE5, #735C00, #282832, #181500, #030200)
• Bronze Grove color palette (#EDF9ED, #A47834, #477F5B, #773D58, #243924)
• Tempered Pine Coast color palette (#E6FBF0, #939F5E, #4D7641, #005864, #25443C)

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