Cocoa Workshop color palette — #FFF3E8 · #F5C5A4 · #9EB88B · #9182B6 · #604100

Bronze and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Wheat (#F5C5A4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9EB88B): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#9182B6): A luminous, dusty violet — the color of twilight just after sunset.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Muted Orchard color palette (#FFF2EE, #D9D29F, #79BEAE, #B67496, #4E4A00)
• Wandering Cocoa Archive color palette (#FEF4E3, #F2C0D1, #CCA777, #6F8CBF, #713418)
• Aged Taupe Loft color palette (#FEF4E3, #F5D9A1, #95AC6C, #597498, #503C00)
• Linen Delta color palette (#FFE9E2, #C5BD6C, #1AAF99, #A1558E, #23370F)
• Dusty Olive color palette (#F6F2E6, #C1BA71, #76833E, #685100, #26201B)
• Teal Study color palette (#FBF3F1, #D1E5E0, #9CCFE6, #7AB187, #604A60)
• Sunlit Pier color palette (#FFF2EC, #FEAE33, #3CC361, #AE2FB6, #3D3600)
• Hushed Brick color palette (#FFDCCC, #6CCC46, #009FB8, #C61E00, #003223)

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