Weathered Cocoa color palette — #FFF3E9 · #CCC9B3 · #889485 · #826A64 · #734304

Bronze takes the lead with Pewter close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Oat (#CCC9B3): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#889485): A luminous, dusty green — the color of fresh herbs.
• Pewter (#826A64): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#734304): A full-bodied, balanced gold — the color of honey in a jar.

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

• Aged Chestnut color palette (#F3EDD4, #ACBBA2, #6F8C81, #835D19, #684600)
• Driftwood Station color palette (#FAF6DF, #CBD1BC, #9FAD9B, #977C87, #5F494B)
• Aged Teal Meadow color palette (#DEE4CC, #5FAA9A, #7F6580, #643E36, #52271B)
• Softworn Pewter Archive color palette (#E2F7F0, #B5D1CE, #7B979D, #5D607E, #473E58)
• Hushed Cypress color palette (#FBF4EF, #C9E9E8, #AB8DAE, #437B6E, #634A59)
• Hushed Veranda color palette (#E7ECCB, #568870, #005C76, #543400, #2C2800)
• Weathered Cerulean Loft color palette (#F9E8AB, #7DBC95, #26859A, #7D4D52, #6A361E)
• Teal Loft color palette (#EDFAE2, #53AB90, #B77285, #9A5E52, #3C4633)

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