Worn Cocoa color palette — #FCF5DF · #D8DAC8 · #9FB19B · #9F7F79 · #783D18
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FCF5DF): A whisper-light, dusty green — the color of new leaves after rain.
- Bone (#D8DAC8): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9FB19B): A luminous, dusty green — the color of fresh herbs.
- Mocha (#9F7F79): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#783D18): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Worn 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
- Cocoa Terrace color palette (#F1FAD9, #BDE5CE, #B8C7B6, #AC9CAE, #6E4600)
- Bronze Dune color palette (#F8F5EE, #D6D3B2, #81A687, #987833, #574E00)
- Aged Chestnut color palette (#DCE9C3, #A5C5A4, #689689, #8B5724, #6A3C00)
- Ancient Cocoa color palette (#E7ECCF, #809E7E, #3075A0, #7A381D, #2C2400)
- Weathered Villa color palette (#E2FCF0, #C4E6F4, #B7C6D7, #948397, #554B56)
- Dusty Blush color palette (#EEF9EB, #72C2BA, #D98AA0, #BA7C58, #384735)
- Worn Iris Villa color palette (#D1E6E4, #76B1D7, #7977CC, #6B5B00, #3B3E00)
- Worn Lagoon Hollow color palette (#EEF9ED, #8AD4CF, #D99CB9, #00A19B, #673E52)
Browse the whole catalog at Explore, or see today's palette.