Cocoa Workshop color palette — #FFEBF9 · #DFC8D2 · #AF929B · #82635A · #6E340F

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

The five colors

• Blush (#FFEBF9): A whisper-light, dusty pink — the color of a candy shop window.
• Oat (#DFC8D2): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#AF929B): A luminous, dusty rose — the color of a warm blush.
• Pewter (#82635A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6E340F): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, 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

• Aged Ash color palette (#DFF9EB, #BDD5CD, #A28DA1, #775F64, #4F3638)
• Pewter Grove color palette (#FFE1E8, #BC969A, #9D617D, #603E26, #382100)
• Softworn Chestnut Summit color palette (#FFE6E9, #D3AFAD, #AE7B84, #7E5113, #36322C)
• Washed Veil Alley color palette (#EFF6FF, #C0D3F7, #A9AEC3, #897F8E, #564957)
• Mulberry Field color palette (#F6E6F9, #9E618E, #7F3658, #4D2702, #1D1100)
• Muted Turquoise Quarry color palette (#F1F3EC, #C5E1E0, #67A5C4, #277783, #253C34)
• Muted Iris Quarry color palette (#FFE5FB, #A9B8F7, #7D7DD2, #595486, #4A303D)
• Spruce Terrace color palette (#F1F3EA, #BBCAA4, #4D927E, #546852, #273700)

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