Cocoa Workshop color palette — #FFF3E7 · #DBE2C9 · #9EC7BE · #CF9181 · #614800

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#DBE2C9): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#9EC7BE): A luminous, dusty teal — the color of shallow lagoons.
• Camel (#CF9181): A luminous, dusty orange — the color of autumn markets.
• Bronze (#614800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Timeworn Cocoa color palette (#FBF4E9, #C0FDFC, #D7E2CF, #C99478, #5D4A00)
• Antique Cocoa Boulevard color palette (#FDF3EB, #D9C8AD, #B39577, #986658, #584600)
• Amber Summit color palette (#FFF4DF, #C2F0CD, #71E2BF, #CC7829, #4C481B)
• Dusty Oat Terrace color palette (#FFF1F6, #C4EAFA, #E8BCC5, #B1B2CD, #455449)
• Worn Driftwood color palette (#F4F7EC, #89B992, #6CA4C1, #9D6298, #394200)
• Bronze Veranda color palette (#F7F5EE, #E3CDB1, #907C34, #5C4C00, #2E2B22)
• Dusty Cocoa color palette (#FDEDD5, #9AA65A, #37956D, #792F00, #131000)
• Feathered Turquoise color palette (#E6EAD4, #5DC7B1, #00A7C9, #675F00, #001B10)

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