Washed Cocoa color palette — #FFF2EB · #DFDACD · #D7B5A7 · #A4B5CF · #784214

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDACD): a clean, paper-quiet neutral.
• Rosewood Mist (#D7B5A7): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#A4B5CF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#784214): A full-bodied, balanced gold — the color of honey in a jar.

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

• Tempered Canyon color palette (#FDEEE9, #DFDCC6, #AFAEB9, #A982A7, #562C00)
• Muted Ridge color palette (#FEF1FA, #C2F1FB, #E6D6D5, #CBAFCF, #5B4954)
• Wandering Cocoa Lantern color palette (#FCF4E5, #E7D8B3, #C3B687, #A18F75, #564600)
• Wandering Mustard color palette (#FFF3E5, #F3B563, #8EC5A5, #B989A0, #563500)
• Bronze Thicket color palette (#FCF4EA, #F9D9A5, #BA9772, #906227, #322A21)
• Muted Corridor color palette (#FFF3E3, #D8F3B4, #A7DEA7, #C59B6D, #3E3B34)
• Pale Drift color palette (#F6DDCE, #EE952C, #B58B33, #95513C, #170900)
• Ancient Seafoam Basin color palette (#C3ECFF, #31FDE0, #D9DC64, #69675F, #39362E)

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