Worn Cocoa Boulevard color palette — #FFF2EF · #E1DACA · #C8D899 · #B38DB1 · #7A3C23

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DACA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C8D899): A whisper-light, balanced green — the color of new leaves after rain.
• Dusty Rose (#B38DB1): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#7A3C23): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Patina Terrace color palette (#FCF1FF, #E9D7D8, #C2E0B9, #C0A4D4, #584452)
• Timeworn Meadow color palette (#FFF0FD, #E8D5D8, #E7B89C, #896F8C, #5C4858)
• Wandering Amber color palette (#FFF3E3, #E2EFB2, #84DFBE, #BC7650, #403E37)
• Gentle Raspberry color palette (#FFF2EF, #FFCAA3, #B8C200, #C54890, #5B2904)
• Softworn Amber color palette (#FDF4E8, #CFBC93, #B58540, #895D47, #3F3D36)
• Muted Mulberry color palette (#F3E0D7, #C89B38, #5D9B39, #931D31, #150A00)
• Powdered Blush color palette (#FFF2EF, #E47698, #009DCA, #7A609D, #432C29)
• Patina Seafoam color palette (#E2E5FC, #00E7E9, #FF9FA3, #513730, #312825)

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