Cocoa Workshop color palette — #EFDBEC · #8BA589 · #49817A · #683E4E · #302338

Cocoa and Teal set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#EFDBEC): A whisper-light, dusty pink — the color of neon signs at night.
• Taupe (#8BA589): A luminous, dusty green — the color of fresh herbs.
• Teal (#49817A): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#683E4E): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#302338): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged vintage, retro, 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

• Wandering Dune color palette (#F1D5EC, #C3A374, #52875C, #4E4A67, #25203E)
• Hushed Lagoon Quarry color palette (#FFDAE6, #91C7B9, #518F86, #61526C, #3A2D44)
• Timeworn Cypress Archive color palette (#E8F5F0, #73B08D, #007471, #4F3E5E, #002222)
• Dusty Field color palette (#F5E4DA, #BFB987, #5B9887, #866469, #55363B)
• Softworn Ash Grove color palette (#FFF4DC, #D3D1AF, #7AAC91, #61678E, #462F36)
• Powdered Garden color palette (#D5E8B5, #65C6B8, #4F7CA6, #75442F, #3C1E32)
• Soft Hollow color palette (#F5E9D3, #8AAA4E, #007B7F, #731D16, #430704)
• Denim Market color palette (#DDF1EA, #459E91, #23649F, #593908, #2B1900)

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