Cocoa Workshop color palette — #F6D9E4 · #8C6B3C · #653600 · #3F1200 · #080500
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#F6D9E4): A whisper-light, dusty rose — the color of strawberry cream.
- Walnut (#8C6B3C): A full-bodied, dusty gold — the color of old brass.
- Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#3F1200): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Olive Garden color palette (#DCF6E4, #78752C, #534200, #321E00, #040600)
- Tempered Chestnut Alley color palette (#F8D9E3, #9E824C, #794800, #512100, #120E00)
- Weathered Bloom color palette (#FCE0EC, #BD996E, #A15300, #782100, #261A00)
- Ancient Cocoa Archive color palette (#D6E5D6, #7EA38A, #7D5E2C, #5E3100, #001E13)
- Quiet Station color palette (#D4F7FD, #006054, #750066, #500200, #000302)
- Powdered Navy color palette (#D3E3E7, #008B83, #0035A4, #003F3C, #000108)
- Patina Forest color palette (#EAF5EF, #A3C4B8, #648D79, #3E6247, #19312D)
- Softworn Violet Station color palette (#F4DCD1, #8952FF, #008663, #000E07, #000202)
Browse the whole catalog at Explore, or see today's palette.