Washed Cocoa color palette — #FFF2E9 · #EBD5BC · #CFAF96 · #A88B7E · #5C4300

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#EBD5BC): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#CFAF96): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A88B7E): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

• Tempered Pier color palette (#F2F8E7, #93D3B1, #E3A49E, #C18A82, #334400)
• Ash Bloom color palette (#FEF1F7, #E6BECC, #B68EA0, #8B687C, #3D4D3C)
• Feathered Delta color palette (#FFEBD3, #D7C88B, #D09742, #AF6D49, #333A0E)
• Weathered Driftwood color palette (#ECE1D0, #B6B57C, #A98A43, #935D2E, #282500)
• Muted Driftwood color palette (#FBEEF4, #AAC3A9, #A87657, #694E64, #203027)
• Wandering Sand color palette (#F0F8ED, #FFD4B5, #8FA684, #63735B, #262E23)
• Bronze Orchard color palette (#FEEAD9, #AC8A4B, #A25800, #802E1D, #0E0B00)
• Olive Drift color palette (#EEE3C1, #8CAB69, #848023, #755406, #001D08)

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