Cocoa Workshop color palette — #F4EDE5 · #DCCEBB · #B3A48A · #6E4200 · #050200

Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F4EDE5): bright and airy, almost weightless.
• Oat (#DCCEBB): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B3A48A): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Ancient Garnet color palette (#FAEAE5, #E2CAC0, #BB9F8F, #8F1429, #080100)
• Basalt Canyon color palette (#EFEBE2, #BFBBAB, #979376, #443C00, #020100)
• Patina Station color palette (#F3E6EA, #A1ADA2, #8E7E52, #502F00, #1F0D14)
• Patina Ridge color palette (#F5F6EE, #CFDFD2, #B5BFA9, #197323, #0C0E03)
• Weathered Forest Workshop color palette (#E6E2C5, #729C4F, #0F5E0B, #392800, #000200)
• Bronze Grove color palette (#F0E5D1, #956F00, #484500, #00211B, #020100)
• Aged Pine color palette (#E4ECCB, #7D9870, #227443, #003843, #00070F)
• Misty Marigold Delta color palette (#FFF3E2, #FDA339, #BD8D00, #777300, #020100)

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