Cocoa Workshop color palette — #FFF2EC · #DFDDCD · #B1DFB0 · #A47382 · #76420C

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDDCD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B1DFB0): A whisper-light, balanced green — the color of fresh herbs.
• Mocha (#A47382): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#76420C): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Aged Chestnut color palette (#FFF3E5, #D8E3CB, #8EDCD9, #AC8971, #655000)
• Bronze Canyon color palette (#FFF3E3, #D1E5BD, #79BA91, #A05F41, #43413A)
• Wandering Quarry color palette (#DBFDD7, #FFECF5, #D3DAC8, #9F8395, #43323A)
• Tempered Chestnut color palette (#FBF5E6, #BEB996, #89824F, #7E5411, #474D00)
• Misty Jade color palette (#FFE8D3, #CCC77B, #6EBA74, #943E37, #35312B)
• Tempered Frost color palette (#FFF0FA, #CDF1DA, #E6D7D6, #C5ABC4, #5F4D55)
• Weathered Lagoon Station color palette (#F9F4EF, #D9BB8E, #11936F, #8C651E, #2C2F29)
• Worn Petrol color palette (#FCF3EB, #A97441, #0075A1, #693D58, #37322C)

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