Cocoa Boulevard color palette — #F6EDE6 · #ADA299 · #98826A · #712F00 · #130500

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

The five colors

• Cream (#F6EDE6): a clean, paper-quiet neutral.
• Taupe (#ADA299): a calm mid-gray that lets other colors speak.
• Mocha (#98826A): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#712F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#130500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns 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

• Wandering Loft color palette (#EBDCDA, #AFA19E, #9A7F75, #7E0A41, #140503)
• Timeworn Onyx Studio color palette (#F3E8E1, #A3988B, #7A7146, #4D1600, #140500)
• Muted Cocoa color palette (#EFDFE6, #D0B1BD, #809A7E, #612A00, #040002)
• Fern Veranda color palette (#F1EFE6, #B7B5A3, #979878, #525800, #191300)
• Sunlit Amber Balcony color palette (#F4E4D1, #E67400, #AB6A00, #645100, #050200)
• Fern Dune color palette (#E8E0CF, #777938, #3F4C00, #432200, #060600)
• Weathered Loft color palette (#F3EDE7, #DED6CB, #C3B69C, #9D6300, #382B1D)
• Hushed Chestnut Thicket color palette (#ECDFC7, #875800, #493C00, #00261A, #060300)

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