Weathered Cocoa color palette — #FFF2EC · #C4AB79 · #873221 · #47221A · #231B0F

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#C4AB79): A luminous, dusty gold — the color of old brass.
• Rust (#873221): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#47221A): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#231B0F): A deep, shadowed, dusty gold — the color of honey in a jar.

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 Olive Meadow color palette (#FBF3EE, #E19C7A, #677800, #954516, #272413)
• Marigold Courtyard color palette (#FDF4E4, #CB9900, #5A4500, #312400, #141400)
• Ancient Coast color palette (#FEF0FE, #C0CC86, #9E5C5E, #503950, #271E27)
• Worn Thicket color palette (#FEF1F9, #FACC99, #C1846E, #78586C, #291E25)
• Aged Olive color palette (#FFF4E2, #BB8E4D, #687019, #1B527A, #403D36)
• Smoked Chestnut Market color palette (#F2E2CD, #785900, #233030, #1E1100, #040200)
• Softworn Bronze Courtyard color palette (#F9F4EF, #DADBD3, #BCC5AC, #936B3E, #4D463F)
• Muted Bronze Archive color palette (#FFF2EA, #A3642E, #006569, #2B3F77, #3C2221)

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