Weathered Cocoa color palette — #FFF2EA · #C9B49D · #A2745E · #765448 · #5E4200
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Stone (#C9B49D): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#A2745E): A full-bodied, dusty orange — the color of autumn markets.
- Coffee (#765448): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Bronze color palette (#FFF2EA, #E5C3A7, #BD9078, #A0633E, #673D00)
- Stone Orchard color palette (#FFEBF6, #DAB296, #A17863, #694F60, #36272D)
- Tempered Stone color palette (#FFF0F8, #F3CEDC, #D1A8BF, #A5879F, #3C4D3D)
- Timeworn Chestnut color palette (#F1E7D3, #979B6D, #7A6000, #5E3B16, #31312A)
- Tempered Bronze Basin color palette (#F4DDCC, #8B5C00, #5A2800, #3D0002, #110A00)
- Muted Grove color palette (#E9E0CA, #6B7F30, #4F4600, #392300, #011D02)
- Hushed Lantern color palette (#EAFAF1, #359EBE, #B66558, #666223, #314239)
- Soft Iris Canyon color palette (#D9FFF2, #ABBBEA, #8878BC, #73497C, #6C354D)
Browse the whole catalog at Explore, or see today's palette.