Washed Cocoa color palette — #FDF0DC · #AFAF82 · #877243 · #6F3F00 · #25240F

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF0DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#AFAF82): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#877243): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6F3F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#25240F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Garden color palette (#FBEFE7, #CBB8A2, #AD7447, #83442A, #342B17)
• Worn Chestnut color palette (#ECDFC4, #969D71, #746328, #593400, #191900)
• Weathered Taupe color palette (#EBF9EF, #C4E7D2, #AE9C6D, #7E6740, #1C382C)
• Patina Olive color palette (#EAE3D0, #617D31, #4B4500, #301F00, #000801)
• Muted Terracotta Alley color palette (#FFE1D0, #C47932, #993613, #690023, #1A1000)
• Iris Atelier color palette (#FFECF1, #9B73B3, #A85C56, #5E5200, #271319)
• Hushed Garnet Alley color palette (#E4E4FF, #C7A5DD, #99628D, #762A44, #4D0104)
• Rust Corridor color palette (#F7EFF5, #A1B0EA, #AD5661, #515FA0, #190906)

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