Washed Cocoa Workshop color palette — #FFF2EF · #F7B8B6 · #C78F85 · #A05E45 · #703509

Bronze and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose Quartz (#F7B8B6): A whisper-light, dusty orange — the color of toasted spice.
• Dusty Rose (#C78F85): A luminous, dusty orange — the color of autumn markets.
• Ochre (#A05E45): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#703509): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Washed 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 Cocoa Alley color palette (#FFF3E7, #EFA8A7, #B78571, #6E7345, #703415)
• Bronze Lagoon color palette (#FFE2D8, #DF8D5A, #A45F00, #674100, #312100)
• Tempered Garnet Meadow color palette (#FCF1FF, #E5BDE0, #BF8FAE, #9E5E7B, #702941)
• Soft Amber color palette (#FFE3DD, #FF9871, #D66500, #894A00, #4B2E00)
• Patina Taupe Chapel color palette (#FCF3F1, #E0D8D2, #B3B2A5, #B6918C, #5B4F4D)
• Pine Quarry color palette (#FEF3EB, #DDA188, #9B8B5D, #537445, #334A2B)
• Driftwood Boulevard color palette (#FFF2EA, #E2CFBF, #BFAC95, #84873F, #435712)
• Tempered Amber color palette (#F8EBE1, #BD7F00, #805F00, #493C00, #191700)

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