Cocoa Workshop color palette — #FFF2E9 · #59A992 · #00749B · #7A3900 · #2E442E

Bronze and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Jade (#59A992): A luminous, balanced teal — the color of sea glass.
• Teal (#00749B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#7A3900): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#2E442E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Powdered Garnet color palette (#F4F7E7, #639769, #4760A0, #7F211F, #2A3F11)
• Softworn Thicket color palette (#FEF4E4, #7AB3BA, #5E77A6, #6D5621, #334F42)
• Mulberry Quarry color palette (#FFF2EA, #8BA06E, #007A71, #7C2D4E, #3C3E37)
• Timeworn Basalt color palette (#FAF4EC, #BAAF8D, #617D51, #26665B, #514100)
• Powdered Denim color palette (#FBE0BB, #00908C, #005492, #4C3300, #002F37)
• Wandering Field color palette (#FAF4EE, #C9E3DB, #7489BB, #006F7B, #5B3D4E)
• Dusty Grove color palette (#FEF5D8, #009AC4, #594EB2, #484900, #003760)
• Muted Turquoise Cabin color palette (#DAFAF5, #39AEB8, #007696, #4B3C6C, #072732)

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