Weathered Cocoa color palette — #FFF2EC · #E0DCC9 · #CAC799 · #9C627E · #7A4217
A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#E0DCC9): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#CAC799): A whisper-light, dusty green — the color of new leaves after rain.
- Mocha (#9C627E): A full-bodied, balanced rose — the color of strawberry cream.
- Bronze (#7A4217): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, 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
- Patina Driftwood color palette (#FFF2EA, #DFDEC0, #B6D097, #B36975, #4E4842)
- Softworn Chestnut Delta color palette (#FEF3E8, #DDE1CA, #B3BCD1, #B97D77, #704A00)
- Feathered Chestnut color palette (#FEF2DB, #CFCB9F, #41B79B, #8B4900, #2C3400)
- Hushed Chestnut Atelier color palette (#FBF4E8, #AEA78B, #807245, #734608, #404000)
- Mustard Bloom color palette (#FFEBF8, #E8CFCF, #EDB87C, #A8736E, #422D39)
- Chestnut Courtyard color palette (#FAF4EE, #CDA67E, #008075, #875200, #1D2819)
- Hazy Rust Ridge color palette (#FFF3E2, #E5E9A2, #4FCD99, #BA4700, #49480F)
- Antique Workshop color palette (#FFF2EA, #FBCF82, #7FBA29, #B8003C, #523300)
Browse the whole catalog at Explore, or see today's palette.