Cocoa Workshop color palette — #EAF1EA · #98AA9D · #728E7F · #5B4000 · #020C04

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#EAF1EA): bright and airy, almost weightless.
• Taupe (#98AA9D): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#728E7F): A luminous, dusty teal — the color of sea glass.
• Bronze (#5B4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#020C04): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Aged Basalt color palette (#D9E1D8, #AEBFB7, #779A96, #543400, #000200)
• Softworn Bloom color palette (#E9E4DC, #9FA295, #819172, #845A00, #100700)
• Hushed Onyx color palette (#E0EBE0, #909E95, #5E776E, #3B2600, #000D02)
• Muted Grove color palette (#F7E8F3, #B49DAA, #9E7A8B, #7C1E0A, #10050D)
• Tempered Workshop color palette (#DEEFED, #99BCBC, #6F9FA3, #006522, #001817)
• Softworn Amber Station color palette (#E2F0E8, #B98600, #67862C, #4A5B00, #050400)
• Worn Olive Veranda color palette (#DDE1CE, #5C8842, #066335, #00323E, #00111C)
• Aged Olive color palette (#E8F1EC, #C5DED4, #A2BFB6, #7E740C, #213229)

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