Worn Cocoa Workshop color palette — #E0F1D7 · #8FB39A · #577E75 · #71404C · #543515

Cocoa takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E0F1D7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8FB39A): A luminous, dusty teal — the color of glacier melt.
• Slate (#577E75): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#71404C): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#543515): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cocoa Lantern color palette (#CDEDD6, #81B3A5, #8D6D81, #783C2D, #553A18)
• Hushed Basalt Station color palette (#E8E8C7, #A2B291, #3D858B, #614B6E, #5B2F47)
• Cerulean Loft color palette (#CAE6DE, #8EBCC4, #6D8FB2, #84626C, #5D3945)
• Hushed Cypress color palette (#F4F7EB, #91A280, #00726B, #265731, #333730)
• Hushed Cocoa color palette (#D6EFFC, #74A0D7, #6C5DAA, #803200, #513900)
• Aged Garnet color palette (#BFEBE8, #3E8CA5, #3D5C93, #6C1525, #481A00)
• Weathered Dune color palette (#DBF6EA, #4298BE, #B9592D, #005F7F, #5C2000)
• Hushed Chestnut color palette (#E4EFFF, #AFABD8, #96689A, #755000, #464B1A)

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