Washed Cocoa color palette — #FFF3E2 · #CDC2AF · #9DAA83 · #A36D69 · #694500

Bronze takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Stone (#CDC2AF): A luminous, dusty gold — the color of old brass.
• Sage (#9DAA83): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A36D69): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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 Thicket color palette (#FBF4E7, #C7C7A3, #609E84, #8C6C26, #484500)
• Lichen Thicket color palette (#F4FAD3, #CDE2C2, #A5C6AF, #A98489, #5D4845)
• Muted Chestnut color palette (#ECEFD3, #98A982, #5687A9, #6B5100, #1E3E13)
• Cerulean Delta color palette (#DDFDF8, #8EB6BB, #608798, #635F79, #59464F)
• Aged Garnet Station color palette (#E9E9D2, #8B8A41, #356848, #6F011E, #281B00)
• Blush Station color palette (#EDF9EF, #65C9D1, #DB88A1, #00929A, #623040)
• Weathered Basalt Corridor color palette (#DDF2D6, #65825C, #006268, #562200, #0D1100)
• Quiet Rust color palette (#E0FEED, #58B2CF, #D2779E, #CC5551, #19412E)

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