Washed Cocoa color palette — #F3EDE4 · #DBCEB8 · #B5A57B · #664700 · #050200

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

The five colors

• Cream (#F3EDE4): bright and airy, almost weightless.
• Oat (#DBCEB8): A whisper-light, dusty gold — the color of old brass.
• Camel (#B5A57B): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

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

• Garnet Balcony color palette (#F4ECE9, #E1CBBD, #C39E80, #921100, #070100)
• Patina Harbor color palette (#E4E2DB, #BEBCA7, #949477, #3D3F00, #020100)
• Hushed Canyon color palette (#E6DFD8, #B1A993, #7F853E, #512E00, #1C1106)
• Airy Mustard color palette (#FFEECD, #F4AB00, #AE9200, #5B6C00, #010100)
• Dusty Studio color palette (#E3E3C9, #669E62, #005E2E, #352A00, #000200)
• Timeworn Boulevard color palette (#F4F6EE, #CFDED5, #ADC3A2, #007242, #0A0F02)
• Bronze Chapel color palette (#EEE1C4, #897600, #3D4900, #002120, #010100)
• Washed Pier color palette (#ECE4CD, #636069, #554F00, #131B18, #050600)

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