Weathered Cocoa color palette — #FFF2ED · #C2AC7E · #7C3B39 · #4B1E1D · #2B1E19

Rust and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Camel (#C2AC7E): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#7C3B39): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4B1E1D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2B1E19): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Tempered Basalt Quarry color palette (#FBF4EE, #D2BD9C, #7C5335, #552D00, #282519)
• Feathered Terracotta color palette (#FBF3EF, #D6A090, #806F00, #A4340D, #2C230A)
• Marigold Lagoon color palette (#FFF3E4, #C19C48, #604100, #352200, #161400)
• Weathered Plum Quarry color palette (#FBF1FD, #B6CF92, #A95164, #4F3953, #271E29)
• Tempered Archive color palette (#FBF2FA, #F1D18E, #C87E7A, #745971, #271F26)
• Washed Olive color palette (#FFF4E2, #BC8C5D, #736C07, #005477, #413C36)
• Bronze Workshop color palette (#F9F4EF, #DBDBD2, #BEC2B2, #9C663A, #4E463F)
• Velvet Chestnut color palette (#EBDED1, #785900, #222F2E, #211000, #050200)

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