Washed Cocoa Boulevard color palette — #FFF3E8 · #DFDBC2 · #CAA787 · #9A6F57 · #573800

A conversation between Cocoa and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#DFDBC2): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#CAA787): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9A6F57): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#573800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed Cocoa Boulevard 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

• Tempered Taupe Lagoon color palette (#FFF3E8, #F2D7BD, #C5916C, #915C42, #36312B)
• Patina Bronze Dune color palette (#FFF4DE, #BCB47D, #8E7300, #5B4100, #141400)
• Driftwood Terrace color palette (#FFF1F6, #D4ABB8, #9D7758, #715363, #3E4C3F)
• Antique Driftwood Field color palette (#FDF3ED, #DFDDCD, #AB7867, #623A2D, #221914)
• Stone Dune color palette (#FFECF4, #D1B78D, #9F7488, #675061, #203027)
• Misty Dune color palette (#F7E1D2, #C28C6A, #9C3F03, #5D1200, #080200)
• Worn Corridor color palette (#F1E4D7, #AC7B2F, #6E4100, #361800, #020100)
• Muted Coast color palette (#FFE8E4, #C5D7C5, #C0AFA4, #682D0C, #2E2623)

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