Washed Cocoa color palette — #FFF2EB · #F2D3B3 · #DBA898 · #A88A84 · #5B4400

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#F2D3B3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#DBA898): A luminous, dusty orange — the color of sun-warmed clay.
• Heather (#A88A84): A luminous, dusty orange — the color of autumn markets.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Washed Cocoa 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

• Bronze Field color palette (#FFF2EA, #E2DAC3, #CBA58D, #A76845, #5C3400)
• Petal Canyon color palette (#FFF0F8, #F4C6FE, #E3A2B0, #B87C6C, #643F00)
• Washed Chapel color palette (#FBF5E3, #BADDA3, #B3AF7A, #9F8260, #324500)
• Muted Ash color palette (#FFF0F9, #E7BDCF, #B58EA6, #816D7E, #414B40)
• Patina Cocoa color palette (#FDEDF6, #D2B1BD, #A47665, #79484B, #203124)
• Mallow Orchard color palette (#FFF1F6, #D4AFFF, #AEBE8D, #A09B73, #47383E)
• Antique Honey color palette (#FFEAD8, #E9C457, #DA914E, #B6655C, #37362F)
• Tempered Apricot Pier color palette (#FCF2F7, #DDD9FF, #E4A977, #AAA2DF, #342C25)

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