Weathered Cocoa Workshop color palette — #FFF2EC · #C3C585 · #7D504B · #5F2403 · #2A231B
A conversation between Espresso and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Pistachio (#C3C585): A luminous, balanced green — the color of a quiet forest floor.
- Coffee (#7D504B): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#5F2403): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#2A231B): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Weathered Cocoa Workshop 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
- Tempered Chestnut color palette (#F9F5EC, #D9BC88, #78580A, #3C3832, #24261C)
- Timeworn Parlor color palette (#FBF3EE, #EACBA7, #A07159, #733D0C, #342921)
- Weathered Stone Drift color palette (#FCF3EF, #F6AB96, #5A8B5A, #925E4F, #2D2F28)
- Taupe Thicket color palette (#FAF3F7, #C4E8D3, #C39181, #8D6052, #34272F)
- Wandering Mustard color palette (#FFF3E8, #BCA000, #6E3800, #3D1C00, #1A1401)
- Apricot Studio color palette (#FFF3E7, #D29A65, #61825A, #6E4E61, #5D4300)
- Weathered Amber color palette (#EEDBC5, #AA8800, #4C2E00, #221200, #070500)
- Obsidian Thicket color palette (#E7E7D4, #9A5B00, #192328, #122200, #020600)
Browse the whole catalog at Explore, or see today's palette.