Washed Cocoa color palette — #FFF2EB · #DEE0CC · #A87968 · #6D3509 · #251811

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A87968): A luminous, dusty orange — the color of autumn markets.
• Bronze (#6D3509): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#251811): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Softworn Bronze color palette (#F9F5E9, #FDE2AB, #7D793C, #3B3831, #140F03)
• Timeworn Pewter color palette (#FCF3EF, #E7DFB8, #C29087, #8F5E56, #352822)
• Timeworn Marigold Lagoon color palette (#F8EDD6, #CB990C, #483B00, #1D2724, #0B0700)
• Worn Studio color palette (#F9EEF6, #C2C99A, #8B4E45, #3F283B, #1A1018)
• Wandering Stone color palette (#FFF2EA, #F1B394, #78BDB9, #6C83A6, #4E2500)
• Hushed Study color palette (#FDF4E6, #E9CC8F, #7F5D00, #352500, #070300)
• Antique Station color palette (#FBF4EC, #DAA475, #539AA2, #5F6391, #35221E)
• Tempered Basalt color palette (#FFF4E2, #F5D9A5, #9AAA76, #567598, #513C00)

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