Washed Cocoa color palette — #F1E9E1 · #C5B6A3 · #9C8C6F · #633900 · #261D14

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F1E9E1): bright and airy, almost weightless.
• Stone (#C5B6A3): A luminous, dusty gold — the color of old brass.
• Caramel (#9C8C6F): A luminous, dusty gold — the color of old brass.
• Bronze (#633900): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#261D14): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Pier color palette (#EDE7DE, #B3A890, #917E36, #463500, #1C1202)
• Muted Lantern color palette (#F3E7EC, #BCC8BE, #92AC9E, #8D4F00, #2A1920)
• Timeworn Forest Lagoon color palette (#EEF0E5, #C9CFBD, #9AA58B, #30622F, #2D301F)
• Frosted Apricot Station color palette (#EBDCC6, #EC8900, #9D7200, #595500, #171100)
• Aged Olive color palette (#F1EDD6, #7D8A31, #476730, #264229, #00313C)
• Quiet Quarry color palette (#F2EFDC, #5B8A12, #155300, #3E2A00, #1E1C00)
• Muted Spruce color palette (#FDEACB, #6F5300, #134200, #002524, #230800)
• Timeworn Coast color palette (#EDE0D7, #C5B6A9, #9E8A75, #6D3007, #271D15)

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