Cocoa Workshop color palette — #F3DED6 · #7F3800 · #421D00 · #1F0E00 · #020100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F3DED6): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#7F3800): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#421D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1F0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

One click turns 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

• Fern Cabin color palette (#F4ECD7, #625100, #363000, #151500, #010100)
• Lowlit Balcony color palette (#FDD6DB, #900A30, #5E0010, #240001, #040000)
• Dusty Amber Study color palette (#FFE9D7, #BD7705, #714C00, #412D00, #1C1500)
• Charred Study color palette (#F8E6DA, #5C2D00, #2A3700, #440029, #030100)
• Washed Station color palette (#DCE9DB, #96814E, #797000, #4E2800, #030200)
• Moss Study color palette (#E8ECDD, #7A9E00, #3B6C00, #164A00, #002207)
• Timeworn Olive Balcony color palette (#C6EFD4, #ACA45D, #818300, #535B00, #212D00)
• Washed Cabin color palette (#CBF5E9, #A2C092, #5C905B, #266D3B, #053939)

Browse the whole catalog at Explore, or see today's palette.