Weathered Cocoa color palette — #FFF2EC · #DFDACD · #97BDCB · #9D7B6F · #7B4219
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFDACD): a clean, paper-quiet neutral.
- Ash (#97BDCB): A luminous, dusty blue — the color of open sky before noon.
- Mocha (#9D7B6F): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7B4219): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged pastel, light, 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
- Chestnut Summit color palette (#FFF3E3, #DAE5C6, #BECFA8, #9E8467, #6D4D00)
- Weathered Ash color palette (#FFF0FD, #C7F2E9, #E8D7D7, #AC91B3, #5C4C55)
- Cocoa Grove color palette (#FFF2ED, #E0DBCD, #B6BDC9, #D2A8D2, #753F0F)
- Patina Straw Workshop color palette (#FFF3E4, #F8DF8C, #B5BA6C, #8D653F, #47443D)
- Aged Coast color palette (#FFEBD7, #EABF7D, #AE9E52, #8A4B1F, #322D28)
- Weathered Station color palette (#F9F4ED, #DBBD77, #708742, #7F6A39, #2F2E23)
- Timeworn Garnet Basin color palette (#F2DACB, #CA8351, #946100, #610506, #1E0B00)
- Amber Hollow color palette (#FDF3E9, #B58040, #47754B, #6E4157, #362F2C)
Browse the whole catalog at Explore, or see today's palette.